如何使用CSS自定义一组控件
如何使用CSS自定义一组控件
提问于 2014-01-14 23:06:20
我有一个用html填写表格的结构
<fieldset class="signup">
<div>
<label>First Name:</label>
<asp:TextBox ID="txtFirstName" runat="server"/>
</div>
<div>
<label>Last Name:</label>
<asp:TextBox ID="txtLastName" runat="server"/>
</div>
</fieldset>我定义了这个CSS
form fieldset
{
clear: both;
border-width: 0px;
border-style: none none none none;
padding: 0px;
margin: 0px;
}
form fieldset div
{
clear: left;
display: block;
margin: 10px 0px 10px 0px;
padding: 0px;
vertical-align: central;
}
form fieldset div label {
display: block;
float: left;
/*width: 150px;*/
padding: 1px 20px 0px 0px;
text-align: left;
vertical-align: central;
}appareance是干净的，但是我在最后一个样式中为标签注释了width属性，以使它在将来成为通用的。因此，我为我的特定表单添加了一个新的样式，并将这个类添加到字段集中，但它不起作用。我失去了我的标签的宽度，所以我如何纠正这个错误？
form fieldset div label .signup {
width: 150px;
}回答 4
Stack Overflow用户
回答已采纳
发布于 2014-01-14 23:12:04
这应该是可行的：
fieldset.signup div label {
width: 150px;
}Stack Overflow用户
发布于 2014-01-14 23:13:33
您的选择器不正确。你想要的很可能是：
form fieldset.signup div label {
width: 150px;
}另外，我建议阅读CSS选择器，以更好地理解语法。请参见：
- 3级选择器
- 选择器
- 理解CSS选择器
Stack Overflow用户
发布于 2014-01-14 23:13:50
你试过吗
min-width: 150px !important;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21125956
复制相关文章
相似问题
腾讯云开发者
