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

发布时间：2020-12-14 19:32:36 所属栏目：资源来源：网络整理

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!