如何在select中的option之前添加小图标们

那个下拉菜单的标记名称是select，你可以在css中对这个标记进行定义，默认情况下，这个标记是有margin、padding值的，所以开始要定义这个标记margin、padding值为0，你可以将这个select标记放在一个div中定义在你想要他出现的地方

select {

  /*背景：和其他元素一样，都是设置 background 属性*/

  background:#F00

 

  /*三角1：先将默认的select选择框样式清除*/

  appearance:none

  -moz-appearance:none

  -webkit-appearance:none

 

  /*三角2：在选择框的最右侧中间显示小箭头图片*/

  background: url('XXXXXX/XXXXXX/XXXXXX/xxxxxx.png') no-repeat scroll right center transparent  

 

  /*三角3：为下拉小箭头留出一点位置，避免被文字覆盖*/

  padding-right: 14px

  

}

 

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand { display: none }

---