<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.目前,我脱下宽度：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 w / CSS被认为是no-no,所以正确的解决方案是将其提取到一个类到底：
.my_text_Box { width: 50px; }
然后：
<input type="text" name="test" value="test" class="my_text_Box" />
