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

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 标签，因为它是由操作系统及其 Web 浏览器呈现的，select 标签非常有用，尤其是在移动设备中设计，但很难处理它。

更多信息我提供this link. you can use custom react library to implement a select like design. I used relect。

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

HTML/CSS select option hover (React)

css

select

styling

reactjs

dropdown