css去除chrome下select元素默认border-radius
2016-09-05 18:19
405 查看
在mac下的chrome,对于select元素会默认有一个border-radius,当然有些情况下并不需要圆角,所以就要去掉。 比较常用的方法是:
但是这个方法有个缺点,因为要浏览器默认样式全部干掉了,所以右边原本的上下箭头也没了,所以推荐另外一种方案:
这种方法的效果就比较完美。
.select { -webkit-appearance: none; -webkit-border-radius: 0px; }
但是这个方法有个缺点,因为要浏览器默认样式全部干掉了,所以右边原本的上下箭头也没了,所以推荐另外一种方案:
.select { border: 0px; outline: 1px solid rgb(204,204,204); }
这种方法的效果就比较完美。
相关文章推荐
- HTML,CSS去除块级元素默认边距
- 用css去除chrome、safari等webikt内核浏览器的默认样式
- CSS text-shadow,box-shadow,border-radius属性
- 使用CSS去除表格默认样式的间距
- CSS中元素的边框border属性
- CSS属性:text-shadow,box-shadow,border-radius
- 巧用css去除第一个元素或最后个元素的样式
- CSS去除表格td默认间距及制作1px细线表格
- css模拟select设置高度在ie67下有效(也可作为去除边框)
- css之去除html标签默认的外边距margin和内边距padding
- 巧用css去除第一个元素或最后个元素的样式
- Border-radius: create rounded corners with CSS!
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
- 第二章:第四课 css 3.0属性border-radius设置边框圆角
- CSS border-radius
- (⊙_⊙)【负值】负边距+定位:水平垂直居中,去除列表右边距,去除列表最后一个li元素的border-bottom
- 如何通过CSS去除表格默认样式的间距
- iScroll4 禁止select等页面元素默认事件的解决方法
- css中“border”在chrome与ie中的不同
- IE6下select元素与z-index的问题(css解决方案)