Html 如何删除引导中选择框的圆角？

我已经编写了这段代码，用于在引导中创建一个选择框，但是我想删除的角是圆的。如何做到这一点？我试了很多，但找不到任何解决办法。请帮帮我

这里还有jsfiddle.net的链接

正文{
背景色：#E8E8E8；
}
标签{
浮动：左；
}
#主集装箱{
背景色：白色；
左边距：10px；
左侧填充：13px；
右边距：10px；
右侧填充：13px；
填充顶部：13px；
边缘顶部：10px；
框大小：边框框；
}
#容器{
背景色：浅绿色；
}
.选择包装器{
边框：1px纯黑；
边界半径：0px；
}

母版页
党魁

类别
*
A.

将以下行添加到您的

CSS

文件中：

.no-radius{
    border-radius:0px !important;
}

使用下面的代码（设置

！重要
以防止覆盖）

边界半径
为
4px
，因为您设置为选择
form control
类，默认情况下它是引导定义

.no-radius{
  border-radius: unset!important;
}

参见小提琴：


正文{
背景色：#E8E8E8；
}
标签{
浮动：左；
}
#主集装箱{
背景色：白色；
左边距：10px；
左侧填充：13px；
右边距：10px；
右侧填充：13px；
填充顶部：13px；
边缘顶部：10px；
框大小：边框框；
}
#容器
{
背景色：浅绿色；
}
.选择包装器{
边框：1px纯黑；
边界半径：0px；
}
没有半径{
边界半径：未设置！重要；
}

母版页
党魁

类别
*
A.
问题在于
表单控件
-类将半径设置为4px。因此，您不能在同一元素上使用不同的类覆盖它（至少我不知道如何覆盖它）。
因此，作为一个快速解决方案，我定义了一个不同的类
不带半径的表单控件
，并在我的应用程序中使用它

然而，这是整个布局的一个根本性改变，我猜它会与许多其他UI组件发生冲突。因此，您可能需要构建自己的自定义引导。有些人觉得这很容易处理，我更喜欢使用。还有其他的。如果你对BT不够熟悉，这听起来可能是个可怕的想法——但我这样做的经验是积极的，所以我会去做；-）

更新：我看到
未设置！重要信息
-其他帖子中的想法，好主意！当然，这让整个事情变得更简单。相应地进行了更新。
仅在
Bootstrap-4
中使用
rounded-0
。

正文{
背景色：#E8E8E8；
}
标签{
浮动：左；
}
#主集装箱{
背景色：白色；
左边距：10px；
左侧填充：13px；
右边距：10px；
右侧填充：13px；
填充顶部：13px；
边缘顶部：10px；
框大小：边框框；
}
#容器{
背景色：浅绿色；
}
.选择包装器{
边框：1px纯黑；
边界半径：0px；
}

党魁

类别
*
A.
select.form-control{border radius:0；}
您正在使用哪个版本的引导？您的代码显示了3.3.7版，但是您在这个问题上添加了bootstrap-4标记。BS4Thanks中有一个实用程序类，用于获取信息，fen1x。在这里，Ankit已经创建了一个类“no radius”，所以我扩展了它。在Firefox上也可以。但它在Chrome上看起来还是不太对劲。
.form-control-without-radius {
  display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
}