如何删除min-width：80px;从网站？

Question

我在this网站上有一个搜索区域。搜索按钮的最小宽度为80像素，来自引导程序。如何删除/覆盖宽度？请指导。感谢。

Answer 1

您可以删除btn类

或者

你可以使用它的id选择器覆盖并设置min-width来取消设置

min-width: unset;

在你的例子中

input#searchsubmit {
    min-width: unset;
}

Answer 2

在自定义CSS中添加.btn选择器以覆盖bootstrap css。

.btn {width: [n]px} /*set your desired width*/

或者

添加一个新选择器并设置其宽度。

就是这样。

Answer 3

在代码中添加.btn类，并将宽度标记为重要

.btn{
 width : <your value> px !important
} 

Answer 4

向按钮添加自定义类，没有最小宽度。

如果您只想更改此按钮而不想更改其他按钮。

示例：

no-min-width {
    min-width: 0;
}

Answer 5

这将100％工作

input#searchsubmit {
    min-width: inherit;
}