CSS \ JS \ JQuery：在多选框中自定义单击（未选中）选项的颜色

Question

我有一个多选框，想要更改标记我点击选项的默认蓝色。

我得到的最接近的是当我点击时有蓝色，然后当我点击另一个选项时（蓝色移动到更新的点击） - 在通过点击选项时出现了一个重要的红色背景：

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

但这不是具体的我需要的......有办法吗？