javascript - 如何覆盖 'border:none' 以克服 Safari 选择错误?

标签 javascript css safari

我们刚刚在 Safari(至少在 Mac 上)中发现了一个非常随机的错误。似乎 Safari 不喜欢应用于 <select> 的边框样式标签。它会根据 Safari 的版本做不同的事情,从正常工作到没有下拉菜单再到刷新页面。

但是我们申请了border: none;到我们的选择字段以更好地匹配我们的样式。尽管它在其他浏览器(包括 Chrome)中似乎工作正常。

所以我需要知道如何只为 Safari“覆盖”这种样式。我们只为 Safari 创建了一个样式表,但我认为这不会有帮助,因为没有 border: auto;。值(value)。试过border: inherit , 但这也不起作用。

选项?想法?谢谢!

最佳答案

如果您指的是文本框和其他输入框周围的黄色/蓝色小边框,则需要添加属性 outline:none;适合您的风格。

关于javascript - 如何覆盖 'border:none' 以克服 Safari 选择错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7616747/

相关文章:

iphone - 带有 safari 的 iphone 中的黑色背景

Angular 不适用于 safari 浏览器

javascript - 如果在其他浏览器选项卡中写入,则数据绑定(bind)到我的应用程序

javascript - php + js 结帐和感谢页面

css - Internet Explorer 不加载样式表

html - 键入具有覆盖 div css 的文本框

jquery - CSS 和 jQuery 导航问题

javascript - 我的 jquery 代码没有动画

javascript - 如何在 Ember-Cli 中对类方法进行单元测试

html - 为什么 SVG 过滤器不适用于我的代码中的 HTML 元素?