html - 选择框边框 Safari 和 Chrome 之间的区别

标签 html css

<分区>

我有一个具有 CSS 属性的选择框:

border: 1px;

这在 Chrome 上运行良好,但我在 Safari 上遇到问题。它不适合它的容器:

enter image description here

当我将 CSS 设置为:

border: 0px;

问题已解决:

enter image description here

然而,当边框设置为 0 时,边框在 Chrome 中完全消失。

我该如何解决这个问题? (仅为 Safari 或任何其他方式设置该属性)。

最佳答案

This post展示了如何针对不同的浏览器:

-webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
-moz-border-radius: 0;  /* Firefox 1-3.6 */     
border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

关于html - 选择框边框 Safari 和 Chrome 之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41090653/

上一篇:javascript - ionic 和 Angular : Toggle CSS throughout the entire app?

下一篇:html - 可以滚动的CSS背景图片

相关文章:

PHP:正则表达式替换,同时忽略 html 标签之间的内容

css - 解决固定标题和第一节之间的重叠问题

php - 从 html 页面提交时,值未插入数据库

javascript - 离线存储内容直至建立连接

javascript - 如何使用指针事件仅对滚动事件使用react?

css - 如何更改所需输入字段的边框颜色?

html - 如何内联 2 个表单输入

css - 删除列表项时的滑动过渡

html - 如何在悬停时制作动画文本装饰下划线

html - 为什么我的 div 还包含一个不是其子元素的 div?