select框默认样式去除

  • 作者:admin
  • 时间:2019-08-03 00:10:58
  • 307人已阅读

html代码


       
       
 

css代码

 /*清除ie的默认选择框样式清除,隐藏下拉箭头*/

          select::-ms-expand { display: none; }          

         .info-select{

            width: 12%;

            margin-left: 64%;

            border: none;

            outline: none;

            /*将默认的select选择框样式清除*/

            appearance:none;

            -moz-appearance:none;

            -webkit-appearance:none;

            -ms-appearance:none;

           /*在选择框的最右侧中间显示小箭头图片*/

           background: url(../img/arrow.png) no-repeat scroll right center transparent;           

         }