wkmkevin 发表于 2022-10-26 17:17:18

anki mobile 的发音图标如何调整大小?

请教各位大佬,anki mobile 的发音图标如何调整大小?

lasdfp 发表于 2022-10-27 14:51:38

本帖最后由 lasdfp 于 2022-10-27 14:53 编辑

   /*音频按钮大小*/
.replay-button svg {
width: 17px;
height: 17px;
vertical-align:middle;
}

提示:以上代码加到卡牌模板css样式里。论坛里可能会有白色乱码,如有乱码就一行行拷贝。
你可以根据自己需求改px前面数字调整大小适应字体。

wkmkevin 发表于 2022-10-27 21:33:38

我的 正面模板:
<div style="font-size:50px;font-family:arial;color:purple">{{单词}} <span class="voice">{{单词发音}}</span> </div>
<div style="font-size:15px; color: blue;">{{音标}} </div>
样式:

.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}

.voice img{
margin-left:5px;
width: 10px;
height: 10px;
}

添加了你的样式, 正面模板应该如何修改?

以前我的卡片是可以调整发音图标大小的, 后来不知动了哪里, 就不能调整了.

wkmkevin 发表于 2022-10-27 21:42:21

非常感谢, 已解决:
正面模板:
<div style="font-size:50px;font-family:arial;color:purple">{{单词}} <span class="voice">{{单词发音}}</span> </div>
<div style="font-size:15px; color: blue;">{{音标}} </div>
样式:
.voice svg {
margin-left:5px;
width: 10px;
height: 10px;
}

修改 .voice img { 为.voice svg { 就可以了.
页: [1]
查看完整版本: anki mobile 的发音图标如何调整大小?