当前位置:  开发笔记 > 前端 > 正文

下拉菜单/输入选择的文本大小在Safari中不起作用

如何解决《下拉菜单/输入选择的文本大小在Safari中不起作用》经验,为你挑选了3个好方法。

第一个问题......

我无法获取任何下拉菜单/输入选择以在Safari中显示大小为18的字体.

在FF中工作正常.

码:

CSS:

.form input{
font-size:18px;
margin-bottom:0px;
}

有任何想法吗?可以在[ http://www.motolistr.com]查看直播[1]

最好,尼克

编辑1:感谢您的快速回复.我为选择本身添加了一种样式以避免混淆.我试过了;




仍然没有在SAFARI工作......再次FF适用于所有3.

最好,尼克



1> Jerry..:

要在Safari中设置选择样式,首先必须关闭os样式:

select {
    -webkit-appearance: none;
}



2> Florian..:

有趣的是:如果你改变你的Safari 上的background- 或border- 属性,select突然也会应用你的font-size.



3> Arian Faurto..:

我想出了safari将采用字体大小的方式......你需要做的就是设置边框颜色,如下所示.

-webkit-appearance:none; 会让你失去所有的safari属性,比如箭头...下面你可以增加大小而不会失去它.

将在Safari中工作


在Safari中不起作用



`border:black;`对我来说还不够(Safari 7.0.2).我需要写`border:1px solid#9C9C9C;`,其中`#9C9C9C`是选择字段的默认边框颜色.
推荐阅读
雯颜哥_135
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有