在’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+ */
}
