如何在Java中的下拉列表中創建擴展的背景色

我創建了一個下拉菜單併爲其添加了值，現在我想將所有值的底色作爲「黑色」返回，並且每當用戶將光標移到上方時任何人應該改變顏色的選項（例如：灰色）。我不能在這裏添加圖片。請問問題的任何澄清。如何在Java中的下拉列表中創建擴展的背景色

File.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>

File.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; 

}

來源

2015-03-02 user3534759

我真的不知道你想什麼，但是這是你想要的？

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>

來源

2015-03-02 12:16:59 Jari

我創建下拉其爲具有值菜單如圖所示，我想底色適用回到下拉菜單的價值觀和它應該得到強調任何值彈出結束後光標當前指向的另一種顏色。 – user3534759 2015-03-02 13:02:58

因此，您希望每個值都具有不同的顏色，並且當您將鼠標移動到某個值上時，它應該突出顯示不同的顏色，而不是標準的藍色？ – Jari 2015-03-02 13:36:30

所有值的背景顏色都相同，但當光標在任何值上移動時，即當前值應改變其顏色（例如：灰色），其餘值應具有相同的顏色。 – user3534759 2015-03-02 14:52:24

如何在Java中的下拉列表中創建擴展的背景色

回答

相關問題