删除顶部和右下角的半径表单引导程序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 –

回答