從下拉列表中

Question

刪除邊框我用這個CSS樣式下拉：

HTML代碼：

<div class="rd-navbar-contact-info"> 
<select class="logout" size="1" name="j_idt8"> 
<option value="Cream Latte">Help</option> 
<option value="Extreme Mocha">Profile Settings</option> 
<option value="Buena Vista">Logout</option> 
</select> 
</div> 

.logout { 
    margin: 50px; 
    /*border: 1px solid #111;*/ 
    background: transparent; 
    width: 150px; 
    padding: 5px 35px 5px 5px; 
    font-size: 16px; 
    border: 0px solid #ccc; 
    height: 34px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    background: url(http://www.stackoverflow.com/favicon.ico) 96%/15% no-repeat transparent; 
    color: white; 
} 

.logout option { 
    background-color: black; 
} 

我怎麼能刪除選項列表的邊界？或者我可以將其更改爲黑色？

Answer 1

我想你應該通過去除邊框屬性嘗試或者通過 border:0px solid #000嘗試它可能工作

Answer 2

你就不能。事實是，您可以使用CSS編輯選擇框，但下拉列表不是HTML，因此由用戶用於查看頁面的瀏覽器和/或操作系統呈現。您可以設置寬度，高度，項目數量和背景等屬性，但不能設置字體，邊框屬性等。