element的select自定义样式

你可以使用CSS来自定义`<select>`元素的样式。下面是一些常用的样式：

1. 更改下拉箭头样式：

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('custom-arrow.svg');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
}

这里使用了`appearance`属性来隐藏原生下拉箭头，然后使用`background-image`来添加自定义箭头图片。

2. 更改下拉框样式：

select {
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  background-color: #fff;
  color: #333;
  width: 200px;
}

这里使用了常见的样式，如边框、圆角、内边距、字体大小、背景颜色和文本颜色。

3. 更改选项样式：

select option {
  font-size: 14px;
  background-color: #fff;
  color: #333;
}

这里使用了`select`内部的`option`元素的样式，可以更改选项的字体大小、背景颜色和文本颜色。

4. 更改选中选项的样式：

select option:checked {
  background-color: #e6e6e6;
  color: #000;
}

这里使用了`:checked`伪类来选中选中的选项，并更改其背景颜色和文本颜色。

你可以根据自己的需要来自定义`<select>`元素的样式，让它看起来更加美观和个性化。