如何从引导程序中的选择框组件中删除边框半径

Posted 2023-03-05

【中文标题】如何从引导程序中的选择框组件中删除边框半径

【英文标题】：How to remove the border radius from select box components in bootstrap

【发布时间】：2015-01-20 18:39:30

【问题描述】：

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

这个问题没有重复因为：

我已经尝试更改引导边界半径变量

我已经尝试在 css 中添加“(-webkit/-ms)border-radius: 0(px) !important”

我不想添加“-webkit-appearance: none;”到 css，因为我想要选择组件的箭头

【问题讨论】：

就像我在粗体部分所说的那样，其他问题的解决方案对我不起作用

是的，我意识到，抱歉，删除了我之前的评论。顺便说一句，箭头有一个解决方案作为对该答案的评论，它对你不起作用吗？ (***.com/questions/24210132/…)

我试过了，这也是一个糟糕的解决方案

【参考方案1】：

尝试使用它，它对我有用

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

并添加这个 css

.form-control
border-radius:0px;