本文介绍了移除< select>的默认圆形边框Mac OS浏览器中的元素:Chrome的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在'select'元素中,我没有在CSS中添加border属性,并且我在其中添加了以下CSS
in 'select' element i haven't added border property in CSS of it , and also i have added following CSS in it
.select
{
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
虽然它在Chrome(Mac OS)中向我展示了圆形边框,但为何它所以,我该如何克服它?
though its showing me round border in Chrome (Mac OS),why it is so ,how can i get over it ?
推荐答案
您可以像这样使用,
.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+ */
}
这篇关于移除< select>的默认圆形边框Mac OS浏览器中的元素:Chrome的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!