关于修改select默认样式

最新推荐文章于 2024-04-27 17:59:59 发布

zhangxm 0104

最新推荐文章于 2024-04-27 17:59:59 发布

阅读量800

点赞数 1

分类专栏： technology 文章标签： chrome firefox select

本文链接：https://blog.csdn.net/xmlove93/article/details/73543167

版权

technology 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

关于修改select默认样式

For Chrome and Firefox

select {
  /*The border of select box for Chrome is different from Firefox,In order to make them the same.*/
  border: solid 1px #000;

  /*First,Clear default style of select box*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*second,Modify the little arrow in the select box*/
  background: url("图片地址") no-repeat scroll right center transparent;

  /*Make room for small arrows to avoid being covered by text*/
  padding-right: 14px;
}

/*Remove the default select box style for ie and hide the drop-down arrows*/
select::-ms-expand { display: none; }