在Firefox中设置不带选项的选择框的样式

<select class="custom-select">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

.custom-select {
  appearance: none; /* 清除默认样式 */
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Chrome, Safari, Opera */
  background-color: #f2f2f2; /* 设置背景颜色 */
  border: 1px solid #ccc; /* 设置边框样式 */
  padding: 5px 10px; /* 设置内边距 */
  width: 200px; /* 设置宽度 */
}

.custom-select:focus {
  outline: none; /* 去除聚焦时的边框 */
}

<link rel="stylesheet" href="styles.css">