Javascript 如何删除默认边界半径，请选择2

我正在使用，但我不想要边界半径。 如何删除边框半径以创建搜索框和滑动区域

您可以添加以下css：

---

小提琴：

我刚刚尝试在jquery中使用一个基本技巧，如下所示，是的，它可以工作

初始化

选择2后，执行以下两行

$('.select2-selection').css('border-radius','0px')
$('.select2-container').children().css('border-radius','0px')

打开位于dist/css/select2.min.css的文件select2.min.css。找到要更改的边界半径。示例将“边界半径：4px”更改为“边界半径：0px”

下面select2.min.css中的代码部分

.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}

在快速浏览CSS后，我可以看到11个“border radius:4px”将每个更改为“border radius:0px”，或者只是将这些更改为您想要的区域。检查CSS文件

问候

Ben
我非常感谢这篇文章中的所有答案，因为它们帮助我找到了一个好的解决方案

我使用的是RubyonRails 5.2.0，我觉得任何JQuery或JavaScript解决方案都有点不成熟，尤其是因为它应该可以在普通CSS中实现——但我觉得使用CSS
！重要信息
标记不是最佳做法。不想对任何人无礼

因此，我的CSS如下所示，运行良好

.select2-container--bootstrap .select2-selection{
  border-radius: 0px;
}

将此添加到HTML标题：


.选择2个容器{
框大小：边框框；
显示：内联块；
保证金：0；
位置：相对位置；
垂直对齐：中间对齐；
}
.选择2个容器。选择2个选择--单个{
框大小：边框框；
光标：指针；
高度：28px；
用户选择：无；
-webkit用户选择：无；
显示：内容；
}
你有没有尝试过做这项工作？寻找
边框左上半径
、
边框左下半径
和
边框右上半径
CSS规则并进行相应的修复。可能不想操纵原始CSS文件本身，因为这会影响所有未来的行为。我建议在加载页面后使用额外的css命令或通过javascript修改DOM。
.select2-container--bootstrap .select2-selection{
  border-radius: 0px;
}