OS浏览器中的元素

OS浏览器中的元素

本文介绍了移除< 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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

1403页,肝出来的..

09-06 18:25