如何刪除默認邊框半徑，選擇2

Question

我使用https://select2.github.io/examples.html但我不想要邊框半徑。 如何刪除邊框半徑以使搜索框和滑動區域一樣？

Answer 1

您可以添加這個CSS：

[class^='select2'] { 
    border-radius: 0px !important; 
} 

小提琴：http://jsfiddle.net/jEADR/1537/

Answer 2

嗯，我只是想在jQuery中基本上做到一招如下，並推倒它的作品！

執行以下2行，一旦你初始化select2

$('.select2-selection').css('border-radius','0px') 
$('.select2-container').children().css('border-radius','0px') 

Answer 3

打開文件select2.min.css位於DIST/CSS/select2.min.css。找到你想改變的邊界半徑。例如改變「邊界半徑：4PX」到「邊界半徑：0像素」從select2.min.css下面

.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;} 

的代碼

部分快速查找通過CSS我可以看到11「後border-radius：4px「將每一個改爲」border-radius：0px「，或者將其改爲你想要的區域。檢查CSS文件。

問候

本