HTML / CSS选择选项悬停（反应）

Question

我试图设置select标签内选项的悬停背景颜色。 似乎很难做到这一点，但是有什么最新的方法吗？

我在应用程序中使用的是mobx + react

HTML：

    return(
        <select 
          className="selectDecoration" 
          name={ name } 
          value={ value } 
          onChange={ e => onChange( name, e.target.value) }
        >
        <option  disabled hidden value={ name } >
          <a>{ name }</a>
        </option>
        { options.map( item => 
             <option value={ item }>
              <a>{ item }</a>
             </option> ) 
         }
        </select>
    );

Answer 1

不可能将CSS注入option标记中，因为select标记是由操作系统及其Web浏览器呈现的，因此非常有用，尤其是在移动设计中，但是很难处理。

有关更多信息，我提供了this link。您可以使用自定义反应库来实现类似选择的设计。我使用了relect。