Html 为什么赢了'；我的输入类不能更改宽度吗？

如果我有这样的意见

<input type="text" class="long_form_fields" id="pickup_address" name="pickup_address" placeholder="Address" autocomplete="off">

我也试过这些

.long_form_fields {
  width: 420px
}

input.long_form_fields {
  width: 420px
}

不会改变输入字段的宽度。我查看了Chrome开发者工具和我的CSS类样式的长表单字段，但它从未出现

=======更新========

在ChromeDevTools中，如果我单击+按钮并添加它，它就会工作

input#pickup_address {
  width: 420px;
}

---

---

似乎找到了问题。该项目中似乎有3个boostrap CSS文件

boostrap-editable.css boostrap-responsive.min.css boostrap.min.css

---

我把上面的代码放进去，现在就可以了。不确定为什么有3个css文件，或者应该编辑哪一个

介意举个提琴/片段的例子吗？您的样式中缺少分号。请添加

以及您的所有样式。@FazilAbdulkhadar为什么会有帮助？如果只有一种样式，则不必这样做。请尝试
Ctrl+F5
清除浏览器缓存。我相信你的页面仍然在加载旧的css而不是新的。事实上，我猜这段代码没有问题，我猜你可能是在css中用选择器
input
或其他方式覆盖
width
。你应该在这3种样式之后声明自己的样式，或者在页面的最后一个css中附加它。但是，为了应用你的样式，你必须知道css中的优先级或特殊性，因为bootstrap是css选择器的一大块。bootstrap-responsive表示你使用的是2.3版或更旧的版本。可编辑的CSS文件用于插件（它不是引导发行版的一部分）。然后您应该按照bootstrap.min.css、bootstrap.responsive.min.css、bootstrap-editable.css的顺序进行排序。顺便说一句，这已包含在。
input#pickup_address {
  width: 420px;
}