CSS如何去掉select的往下拉箭头款式

日期:2021-03-03 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版

空话很少说了,立即给大伙儿贴css编码了,实际编码以下所示:

CSS Code拷贝內容到剪贴板
  1. select {   
  2.   /*Chrome和Firefox里边的边框是不1样的,因此复写了1下*/  
  3.   bordersolid 1px #000;   
  4.   /*很重要:将默认设置的select挑选框款式消除*/  
  5.   appearance:none;   
  6.   -moz-appearance:none;   
  7.   -webkit-appearance:none;   
  8.   /*在挑选框的最右边正中间显示信息小箭头照片*/  
  9.   backgroundurl("http://ourjs.github.io/static/2015/arrow.png"no-repeat scroll rightright center transparent;   
  10.   /*为往下拉小箭头留出1点部位,防止被文本遮盖*/  
  11.   padding-right14px;   
  12. }   
  13. /*消除ie的默认设置挑选框款式消除,掩藏往下拉箭头*/  
  14. select::-ms-expand { displaynone; }  

好了,编码到此完毕了,期待对对大伙儿有一定的协助,假如大伙儿有任何疑惑欢迎给留言,网编会立即回应大伙儿的!

上一篇:浅谈css的4种撰写方法(必看篇) 返回下一篇:没有了