Как изменить цвет интервала внутри опции выбора?

Как изменить цвет диапазона на красный в опции выбора? in js fiddle Я хочу изменить цвет This is a required field. для красного цвета введите описание изображения здесь

После рендеринга DOM вы можете проверить его элемент, вы увидите, что диапазон будет удален. Вот почему свойства стиля CSS не работают, потому что не существует span или class .myError .

Другими словами, тег опции не позволяет другие tags.

Вот притягательная идея, использующая оверлей над режимом select и mix-blend-mode, затем я управляю изменением цвета с помощью CSS varibale.

 $('select').change(function(){ $(this).parent().attr('style','--color:'+$(this).find(':selected').data('color')); }) 
 .select { position: relative; display: inline-block; --color:red; } .select:before { content: ""; position: absolute; right: 20px; top: 1px; bottom: 1px; left: 40px; background: var(--color); mix-blend-mode: lighten; } select option { color: black; } 
  

Вы не можете использовать тег html внутри тега . Однако вы можете достичь этого, используя css:

 select{ color: red; } select option { color: black; } select option:first-child{ color:red } .mid-blue{ color: #0000CD; } .radar-red{ color: #FF0000; }