從<select>刪除圓角

如何刪除選擇元素上的圓角？從<select>刪除圓角

我嘗試添加以下代碼，但它去掉了箭頭和切斷佔位符文本的底部：

select { 
    -webkit-appearance: none; 
    -webkit-border-radius: 0px; 
}

只工作在Safari瀏覽器和谷歌瀏覽... – jycr753

選擇元素的風格因不同瀏覽器而異。如果你想真正定製你的選擇元素，你基本上需要創建自己的。 – MLeFevre

您必須先搜索！ http://css-tricks.com/dropdown-default-styling/和大量的選擇樣式可用。 – KunJ

你有一個類，這是造成在你的CSS問題：

.dropdown-search .form-control { 
    padding-bottom: 8px; /* CHANGE THIS TO 0px */ 
}

2014-02-10 10:11:42 Askanison4

這只是因爲你已經添加了填充底部來選擇

.dropdown-search .form-control { 
    padding-bottom: 8px; 
}

與此代碼

.dropdown-search .form-control { 
     padding-bottom: 0px; 
    }

希望它替換它可以幫助你:)

2014-02-10 10:11:49

回答