div中的样式表单元素
div中的样式表单元素
提问于 2017-05-24 23:10:02
我使用的是Wordpress的联系人表单，我在div中使用了这个表单。div ID是contact_form_home。我试图用以下方式对div的表单元素进行样式化：
#contact_form_home input[type=text], input[type=email], textarea, input[type=submit] {
background-color: #009fe3;
border: 1px solid #fff;
color: #fff;
padding: 11px;
line-height: 1;
width: 100%;
}由于某些原因，我在我的网站上的任何其他文本区域也采取这种风格。如何指定仅针对该div的样式？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-05-24 23:12:50
您需要对列表中的每个元素重复#contact_form_home。
#contact_form_home input[type=text],
#contact_form_home input[type=email],
#contact_form_home textarea,
#contact_form_home input[type=submit] {
....
}逗号,完全分离元素，而不仅仅是子元素到第一个id。
您还应该看到，每个电子邮件输入字段的每个提交按钮都有样式，但您可能没有任何其他类型的元素。
为了更清楚地说明，您的列表如下：
( #contact_form_home input[type=text] )
OR ( input[type=email] )
OR ( textarea )
OR ( input[type=submit] )Stack Overflow用户
发布于 2017-05-24 23:12:35
您必须重复ID：
#contact_form_home input[type=text], #contact_form_home input[type=email], #contact_form_home textarea, #contact_form_home input[type=submit] {
background-color: #009fe3;
border: 1px solid #fff;
color: #fff;
padding: 11px;
line-height: 1;
width: 100%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44169866
复制相关文章
相似问题
腾讯云开发者
