刪除頂部和右下角的半徑表單引導程序select

我嘗試從引導程序選擇框中刪除頂部和右下邊框半徑，以使右邊的.input-group-addon顯示爲好，並且顯示得很好。刪除頂部和右下角的半徑表單引導程序select

我曾經嘗試這樣做（SASS）：

select 
    -webkit-appearance: none 
    -webkit-border-top-right-radius: 0px 
    -webkit-border-bottom-right-radius: 0px

其工作正常，但不幸的是它消除了不錯的下拉箭頭，以及這是不好的。

這樣做只是這

select 
    -webkit-border-top-right-radius: 0px 
    -webkit-border-bottom-right-radius: 0px

沒有任何效果。

我能做些什麼來除去頂部和底部的右邊框，但保留箭頭？

2016-03-03 DonMB

你使用的是一個附加組件嗎？我不相信BS3包含選擇框的樣式。 –

我看不到問題 - http://jsbin.com/semoho/edit?html,css,js,output –

@DavidNguyen當然它！ – DonMB

你需要這樣做嗎？除非我誤解了你的問題，Bootstrap無論如何照顧：http://www.bootply.com/FGxCsf8gfV

2016-03-03 17:50:42

是的。但是，這裏右側網站的邊框在Chrome中也是四捨五入的。我期待bootstrap保重，但事實並非如此。 – DonMB

@DonMB你能提供截圖嗎？右側邊框在跨度上是圓形的，但是它們在實際選擇框上平方（也在Chrome中查看）。 –

@DonMB這是我看到的bootply鏈接時看到的 - https://www.dropbox.com/s/s7neyze471q9g5x/bootstrap-select.PNG?dl=0 –

回答