zoukankan      html  css  js  c++  java
  • select下拉小三角样式自定义

    首先假设这有一个select下拉菜单。

    然后,清除原有样式

    select{
         appearance:none;
         -moz-appearance:none; 
         -webkit-appearance:none;
         outline: none;
         border: none;
    
    }
    select::-ms-expand{ display: none; }//ie

    最后,贴上需要的background

    background: url(../img/select.png) no-repeat scroll 90% center transparent;
    padding-right: 40px;
    background-size: 10px;//此三项按情况调整

  • 相关阅读:
    软件总结
    今日总结
    今日总结
    今日总结
    今日总结
    今日总结
    今日总结
    3.22
    3.21
    3.20
  • 原文地址:https://www.cnblogs.com/azure-zero/p/12124916.html
Copyright © 2011-2022 走看看