html – 删除Mac OS浏览器中的元素的默认圆形边框：Chrome

概述在’select’元素中,我没有在CSS中添加border属性,而且我添加了以下CSS .select { -webkit-appearance: none; -webkit-border-radius: 0px; } 虽然它在Chrome(Mac OS)中显示了我的边框,为什么会这样,我怎么能克服呢？ 你可以这样使用, .select{ -we 在’select’元素中,我没有在CSS中添加border属性,而且我添加了以下CSS

.select     {      -webkit-appearance: none;      -webkit-border-radius: 0px;     }

虽然它在Chrome(Mac OS)中显示了我的边框,为什么会这样,我怎么能克服呢？

解决方法 你可以这样使用,

.select{    -webkit-appearance: none;   -moz-appearance:    none;   appearance:         none;      -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 – 删除Mac OS浏览器中的元素的默认圆形边框：Chrome全部内容，希望文章能够帮你解决html – 删除Mac OS浏览器中的元素的默认圆形边框：Chrome所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。