selcet{
/*去除外边框*/
border: none;
/*适应safari浏览器内容不跑偏*/
line-height: 1;
width: 100%;
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../../img/my/btn_pulldown.png") no-repeat scroll right center transparent;
background-size: 0.9rem 0.9rem;
/*为下拉小箭头留出一点位置,避免被文字覆盖*/
padding-right: 14px;
font-size: 1.4rem;
color: #fff;
/*去除选中时样式*/
outline: none;
/*去除点击一闪而过的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
select、input等默认样式的改变,包含下拉三角
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 在做某个项目的时候遇到select的设计图与默认样式不同,查了各种方法,有说在select框外加div,此div宽...
- 转载:http://ourjs.com/detail/551b9b0529c8d81960000007在这篇文章里...
- input标签的placeholder有默认的样式,但是也是可以修改的,可以修改各种样式,颜色,字体大小,行高等等...