Question

选择选项：选中背景颜色完美作品但选项文字颜色不起作用请帮帮我

CSS代码

<style>
        select option:checked{
            background: red linear-gradient(0deg, red 0%, red 100%);
            color: #000 ! important;
        }
   </style>

HTML代码

<select multiple>
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>

请告诉我谢谢

Answer 1

尝试将颜色更新为

颜色：＃000！重要;

是的，为我工作。一旦从select中聚焦，它就会起作用。 Please check here

Answer 2

这是解决方案

<select multiple class="select_option_class_name">
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>



$('.select_option_class_name').change(function () {

   $(this).find('option:selected').css('color', 'red');
   $(this).find('option:selected').css('background-color', 'red');
}).trigger('change');

我认为这就是你真正想要的东西

<style>
    .select_option_class_name{
        color:red;
        background-color:red;

    }

</style>

选择选项：选中的背景颜色更改，但选项文字颜色在css中不会更改

2 个答案: