我们刚刚在Safari中发现了一个非常随机的错误(至少在Mac上)。看起来Safari不喜欢应用于<select>
标签的边框样式。它将根据Safari的版本执行不同的操作,从工作类型到无下拉菜单以刷新页面。
但我们已将border: none;
应用于我们的选择字段,以便更好地匹配我们的样式。它似乎在其他浏览器中可以正常工作(包括Chrome)。
所以我需要知道如何为Safari改变这种风格。我们为Safari创建了一个样式表,但我不认为这会有所帮助,因为没有border: auto;
值。试过border: inherit
,但这也不起作用。
选项?想法?谢谢!
答案 0 :(得分:1)
如果您指的是文本框和其他输入周围的黄色/蓝色小边框,则需要添加属性outline:none;符合你的风格。
答案 1 :(得分:0)
我知道Safari不喜欢你设置他们的选择标签的样式,即使你把它添加为!important。我还在寻找方法。我有用div标签制作的自定义选择标签,但是大小调整在Safari上有点搞砸了,因为它不允许我覆盖它的填充。你可以看到这个,如果你检查元素,点击“计算样式”,&amp;选中“显示继承”。
答案 2 :(得分:0)
这篇文章有些陈旧,但万一它对任何人都有用,即使这不是最好的方法,但这也是我的解决方案,但这至少对我有用。
我遇到了一个问题,我的div标签的宽度由Safari定义为“ 600px”(我从未在任何地方选择此尺寸),因此我将样式直接添加到了html标签中:
<div id="container" style="width: auto"></div>