css - 内部样式不覆盖外部样式表

Question

我坚持这一点，即使它很简单。

我有一个自定义的 css 文件。在此我添加了这段代码：

input[type=text] {
   margin-top:5px;
   width:370px;
}

我有一页要覆盖它，但是当我尝试使用以下内容时，文本输入的宽度不会改变。

input[type=text] {
   width:100px !important;
}

Answer 1

尝试<input type=text style="width:100px;" />使用 bootstrap 时这似乎对我有用。

Answer 2

您应该在这里使用 CSS 类，更不用说使用百分比而不是有限像素值的更好做法了。

在任何情况下，都要避免使用内联 CSS，因为那是不好的做法。

CSS：

#narrow_input {
    width:100px;
}

html:

<input type=text class="narrow_input" />

这样，当您决定将窄输入也设为红色时，您只需添加color:red;到样式表即可。