select在firefox与chrome的显示是不一样的,我们一般选择通过css清除掉css的默认样式,然后再增添自定义的样式来解决,css我们一般用这么几行代码来清除默认样式: 11 select{22 appearance:none;33 -moz-appearance:none;44 -webkit-appearance:none;55} 然后我们通过添加背景图或者用:after或者:before元素来添加一个三角...
} select::-ms-expand { display: none; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*兼容苹果手机*/ -ms-appearance:none; outline:none; -webkit-tap-highlight-color: #fff; border: rem(1) solid #EBEBEB; width:rem(100); height: rem(50); line-height: rem(50); /*防止紧紧靠在边上*/ text-indent:r...
3、input清除原来样式 input{background:none;outline:none;border:0px;} 4、button去掉样式 border:0px;background-color:transparent; select去掉样式 select{/*隐藏select的下拉图标*/appearance:none;-webkit-appearance:none;-moz-appearance:none;} 5、css页面点击文字出现蓝色底色去掉方法 -webkit-user-select:n...
select在firefox与chrome的显⽰是不⼀样的，我们⼀般选择通过css清除掉css的默认样式，然后再增添⾃定义的样式来解决，css我们⼀般⽤这么⼏⾏代码来清除默认样式：11 select { 22 appearance:none;33 -moz-appearance:none;44 -webkit-appearance:none;55 } 然后我们通过添加背景图或者⽤：...
select 清除默认样式 select{-webkit-user-select:none;-moz-user-select:none;user-select:none; border:0 none;border-radius:0;outline:none;background:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);...
清除select标签在移动端的默认样式 select{ -webkit-appearance:none;appearance:none; }
清除select标签在移动端的默认样式 7 select{
谷歌、火狐、ie下 select 的默认下拉箭头图标差别还是比较大,一般我们都会清除默认样式,重新设计箭头图标; 1 2 3 4 5 6 7 8 9 10 11 12 13 14 /* --ie清除--*/ select::-ms-expand{ display: none; } /* --火狐、谷歌清除--*/ select{ ...
将默认的select选择框样式清除 appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(img/sele.png) no-repeat scroll right center transparent; /***将sele.png替换为你的下拉箭头**/...