html - 如何从 Bootstrap 中的选择框组件中删除边框半径

Question

我正在使用 bootstrap v3.3.1(常规目录)，但我无法成功地从选择框组件(在 chrome 中)中删除边框半径。

这个问题没有重复因为:

• 我已经尝试更改 bootstrap border-radius 变量
• 我已经尝试将“(-webkit/-ms)border-radius: 0(px) !important”添加到 css
• 我不想添加“-webkit-appearance: none;”到 css 因为我想要选择组件的箭头

Answer 1

尝试使用它，它对我有用

在你的选择标签中添加表单控件类

并添加这个CSS

.form-control{
border-radius:0px;
}