Question

怎么隐藏select下拉菜单属性用火狐浏览器打开时的默认样式

Answer 1

可以使用css来清除浏览器默认的样式，来达到统一格式的作用

select {
  /*统一边框*/
  border: solid 1px #000;
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*替换选择框的最右侧显示小箭头图片*/
  background: url("http://****.png") no-repeat scroll right center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }