jquery - 如何在Java中的下拉列表中创建扩展背景色

Question

我创建了一个下拉菜单并为其添加了值，现在我想将所有值的底色都设置为“黑色”，每当用户将光标移到任何选项上时，它都应该将颜色更改为其他颜色(例如:灰色)。我无法在此处添加图片。如有任何疑问，请提问。

文件.jsp

        <label for="select_problem">Problem</label>

          <select name="device" placeholder class="selectDropdown" id="problem_dropdown_menu">
            <option value="Select"> Select</option>
            <option value="Contact Support">Contact Support</option>
            <option value="Comment on site">Comment on site</option>
          </select>

          <div class="custom dropdown selectDropdown" id="problem_dropdown_menu">

            <a href="#" class="current">Select</a>
            <a href="#" class="selector"></a>
            <ul>
                <li class="selected">Select</li>
                <li class="">Contact Support</li>
                <li class="">Comment on the site</li>
            </ul>
         </div>

文件.css

#problem_dropdown_menu

{

display: block;

 position: relative;

  top: 0;

  height: 2.3125em;

  margin-bottom: 1.25em;

  margin-top: 0px;

  padding: 0px;

  width: 100%;

  background: white;

  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);

  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);

  -webkit-box-shadow: none;

  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);

  box-shadow: none;

  font-size: 0.875em;

  vertical-align: top;

  border: solid 1px #cccccc;

}

Answer 1

我真的不知道你在尝试什么，但这就是你想要的吗？

option{
  background-color : black;
  color: white;
 }

<label for="select_problem">Problem</label>

          <select name="device" placeholder class="selectDropdown" id="problem_dropdown_menu">
            <option value="Select"> Select</option>
            <option value="Contact Support">Contact Support</option>
            <option value="Comment on site">Comment on site</option>
          </select>

          <div class="custom dropdown selectDropdown" id="problem_dropdown_menu">

            <a href="#" class="current">Select</a>
            <a href="#" class="selector"></a>
            <ul>
                <li class="selected">Select</li>
                <li class="">Contact Support</li>
                <li class="">Comment on the site</li>
            </ul>
         </div>