【问题标题】:HTML/CSS select option hover (React)HTML/CSS 选择选项悬停 (React)
【发布时间】:2019-03-25 18:18:15
【问题描述】:

我正在尝试设置选择标签内选项的悬停背景颜色。 似乎很难做到这一点,但是有没有最新的方法可以做到这一点?

我在我的应用程序中使用 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>
    );

【问题讨论】:

    标签: css reactjs select dropdown styling


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2011-06-03
      • 2013-07-05
      • 1970-01-01
      • 1970-01-01
      • 2011-05-16
      • 2015-08-23
      • 1970-01-01
      • 2020-12-09
      • 2014-02-15
      相关资源
      最近更新 更多