时间戳

首页 > 解决方案 > 如何在反应引导程序中更改悬停时选择选项项目的背景颜色

select - 如何在反应引导程序中更改悬停时选择选项项目的背景颜色

问题描述

当用户将鼠标悬停在它上面时，我尝试更改选择选项的项目背景颜色。但是，我找不到解决问题的方法。我的代码

    <label>Blood Group</label>
          <select className="custom-select form-control rounded-pill form-input-background" value={bloodGroup} onChange={(e) => setBloodGroup(e.target.value)}>
                <option value='A+'>A+</option>
                <option value='A-'>A-</option>
                <option value='B+'>B+</option>
                <option value='B-'>B-</option>
                <option value='O+'>O+</option>
                <option value='O-'>O-</option>
                <option value='AB+'>AB+</option>
                <option value='AB-'>AB-</option>
         </select>

我的 CSS

.form-input-background{
    background-color: #E6E6E6!important;
}
.custom-select option {
    background: #E6E6E6; 
    border-radius: 1em!important;
}

标签： selectreact-bootstrapoption

解决方案

推荐阅读