参见英文答案 >
Change css font-family for separate options in select tag7个
> How to change font-family of drop down’s list item?6个
我已经在FF中正常工作的标签中集成了各种自定义字体,但却没有在(Chrome和amp; safari)等网络工具包浏览器中工作.
> How to change font-family of drop down’s list item?6个
我已经在FF中正常工作的标签中集成了各种自定义字体,但却没有在(Chrome和amp; safari)等网络工具包浏览器中工作.
<select> <option value="" style="font-family: 'Averia Libre'!important;">I'm a custom font.</option> <option value="" style="font-family: 'cancun',cursive;">hey me too!</option> <option value="" style="font-family: 'Averia Libre',cursive!important;">Averia Libre</option> </select>
解决方法
您可以为使用@ font-face定义的特定字体的选项创建CSS类.
例如,如果您在CSS中定义了@ font-face
例如,如果您在CSS中定义了@ font-face
@font-face { font-family: "MyFont1"; src: url('Averia_Libre.ttf'),url('Averia_Libre.eot'); /* IE9 */ } @font-face { font-family: "MyFont2"; src: url('cancun.ttf'); } option.style1{ font-family: MyFont1; } option.style2{ font-family: MyFont2; }
你的HTML代码应该是
<select> <option value="" class="style1">I'm a custom font.</option> <option value="" class="style2">hey me too!</option> </select>
注意我还没有测试过代码,可能它应该可以工作,因为我很久以前在我记得的任务中做过这样的事情.
原文地址:https://www.jb51.cc/html/225451.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。