如果文本字段为空，则更改按钮元素的样式

我想改变风格#postBtn, if #textfield是空的，就像

#postBtn:[#textfield.value.length==0]{
         border-color:gray;
         background-color:gray;
}

In html:

<input id='textfield'>
<input type="button"  Value="Post" onClick="post()" id="postBtn">

如果没有 javascript，我如何实现这一点？ 谢谢！

好的，您可以添加required到你的输入字段，如下所示：

<input id='textfield' required>
<input type="button"  Value="Post" onClick="post()" id="postBtn">

然后，使用:invalid和相邻的同级选择器（+），如果该字段为空，您可以设置按钮的样式，如下所示：

#textfield:invalid + #postBtn {
    background-color: red;
}

这是它的实际操作：http://jsfiddle.net/w7377/ http://jsfiddle.net/w7377/

Note:如果文本输入字段实际上不是必填字段，那么此解决方案不是最佳选择。如果是这种情况，您可能必须使用 Javascript 解决方案。