CSSJSJQuery:在多选择框中自定义单击(未选中)选项的颜色

CSSJSJQuery: Customize color of clicked (not chosen) option in multiselect box

本文关键字:选项 颜色 自定义 选择 CSSJSJQuery 单击      更新时间:2023-09-26

我有一个多选择框,我想改变默认的蓝色,标记我点击的选项。

我得到的最接近的是有蓝色当我点击,然后当我点击另一个选项(蓝色移动到新的点击)-一个永久的红色出现作为背景通过点击选项:

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

但这不是我特别需要的…有办法吗?

对原生表单元素进行样式化会让您非常头疼。

你可以尝试使用这个jquery插件:http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/,它提供了很好的增强多选框形式元素

d。