Html 从引导选择中删除右上和右下半径

Html 从引导选择中删除右上和右下半径,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我尝试从引导选择框中删除右上角和右下角的边界半径,以使.input group addon的usw位于右侧,并显示得很好 我试过这个(sass): 这很好,但不幸的是,它删除了不错的下拉箭头,这是不好的 这样做 select -webkit-border-top-right-radius: 0px -webkit-border-bottom-right-radius: 0px 没有任何效果 如何删除右上边框和右下边框,同时保留箭头?需要这样做吗?除非我误解了您的问题,否则Bootstr

我尝试从引导选择框中删除右上角和右下角的边界半径,以使
.input group addon的usw位于右侧,并显示得很好

我试过这个(sass):

这很好,但不幸的是,它删除了不错的下拉箭头,这是不好的

这样做

select
  -webkit-border-top-right-radius: 0px
  -webkit-border-bottom-right-radius: 0px
没有任何效果


如何删除右上边框和右下边框,同时保留箭头?

需要这样做吗?除非我误解了您的问题,否则Bootstrap会解决这个问题:

您使用的是附加组件吗?我不相信BS3包含了精选框的样式。我看不出问题所在-@DavidNguyen当然有@MoshFeu在Chrome中不工作Chrome上的bin屏幕截图:可以创建一个片段吗,也许我遗漏了什么。是的,没错。但在这里,右侧网站的边框也是用铬合金做成的。我本来希望引导程序会很小心,但没有。@DonMB你能提供一个屏幕截图吗?右侧边框在跨度上是圆形的,但在实际的选择框上是方形的(也在Chrome中查看)。@DonMB这是我在查看bootply链接时看到的-
select
  -webkit-border-top-right-radius: 0px
  -webkit-border-bottom-right-radius: 0px