内部样式不会覆盖外部样式表

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;添加到样式表即可。