css 去掉下拉框的样式

CSS可以很方便地去掉下拉框的样式，让它不再像默认的下拉框那么丑陋。

select {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:none;
  border:none;
  outline:none;
  padding:0;
  margin:0;
  cursor:pointer;
}

上面的代码中，通过设置元素的外观（appearance）为none，让它不再展示浏览器的默认下拉框，而是自定义样式。同时，为了保证兼容性，-webkit-appearance和-moz-appearance也被设置为none。

接着，通过设置background、border、outline、padding和margin等属性，让元素和其他表单元素的样式一致。最后，添加cursor:pointer属性，让鼠标悬停在元素上时显示手型，增强用户体验。

使用以上代码可以使得下拉框的样式更加符合设计要求，提升网页的美观程度。