<style>
input[type="text"]
{
width: 200px;
border: 1px solid #CCC;
}
</style>
<body>
<input type="text" name="test" value="test" size="5" />
</body>
在浏览器 (Firefox 5) 上查看时，它显示的“大小”固定为 200 像素。似乎我指定的尺寸完全被忽略了。
这是一个MVC元素，默认自带的样式css。暂时把width:200px去掉。但是有没有办法将它保留在那里，并在“输入”级别覆盖它？
我也试过
<input type="text" name="test" value="test" width="50px" />
它根本没有覆盖。
最佳答案
如果您想在元素级别覆盖 CSS 宽度，请尝试将样式标签直接应用于元素:
<input type="text" name="test" value="test" style="width: 50px;" />
这对我有用:
<html>
<style>
input[type="text"]
{
width: 200px;
border: 1px solid #CCC;
}
</style>
<body>
<input type="text" name="test" value="test" style="width: 50px;" />
</body>
</html>
编辑添加:
是的，混合 HTML 和 CSS 被认为是禁忌，所以正确的解决方案是最后将它提取到一个类中:
.my_text_box {
width: 50px;
}
然后:
<input type="text" name="test" value="test" class="my_text_box" />
关于html - 在 css 级别和元素级别定义的输入宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6969810/