Javascript CSS\JS\JQuery：自定义multiselect框中已单击（未选择）选项的颜色

我有一个多选框，希望更改标记我单击的选项的默认蓝色

我得到的最接近的结果是，当我单击时，蓝色变为蓝色，然后当我单击另一个选项时，蓝色变为较新的“单击”-一个永久性的红色显示为已单击选项的背景：

<script type="text/javascript">
   $().ready(function() {
      $("select").change(function () {
          $("select option:selected").each(function () {
              $(this).css('backgroundColor','red');
          });
       })
       .trigger('change');
   });
</script>

---

但这不是我所需要的。。。有办法吗？

设计原生表单元素的样式会让您头疼不已

您可以尝试使用这个jquery插件：它为多选择框表单元素提供了很好的增强

---

d、

我不相信您能达到这种效果，而且使用跨浏览器支持绝对不行。我建议大家看看jQuery表单主题插件。