如何将输入和它的标签添加到css风格？

Question

我想在表中添加一些输入以满足对齐需要。 但风格没有工作，停下来。 如何将td添加到此CSS样式。 例如，像这样：

   <p>Stuff you like:</p> 
      <table> 
       <tr> 
        <td> 
         <label for="css3">CSS3</label> 
        </td> 
        <td> 
         <input type="checkbox" value="css3" id="css3" /> 
        </td> 
       </tr> 
      </table><!-- It does not work--> 


      <p><input type="checkbox" value="HTML5" id="html5" /> 
<label for="html5">HTML5</label></p> 
      <p><input type="checkbox" value="JavaScript" id="javascript" /> 
<label for="javascript">JavaScript</label></p> 
      <p><input type="checkbox" value="Other" id="other" /> 
<label for="other">Other</label></p> 
<!--But it work--> 

/*CSS*/ 
input:hover + label, input:focus + label, 
input + label:hover, input:focus + label{ 
text-shadow: 1px 1px 3px #000; 
color: #2C7AD0; 
} 

Answer 1

使用表格标记，label元素与任何选择器都不匹配。 label和input元素根本不是兄弟姐妹。你需要一些不同的东西。下面的作品，与通常的CSS注意事项，对于“悬停”的一部分：

tr:hover label { ... } 

关于“焦点”的一部分，我怕你不能用纯CSS由于结构的限制：你不能让元素的焦点状态会影响元素之前的呈现。你需要为此使用JavaScript。

Answer 2

检查使用jQuery

var option = { 
    x:  1, 
    y:  2, 
    radius: 3, 
    color: "#ccff00" 
} 

$("#yourelems").textShadow(option); 
$("#yourelems").css("color","red"); 

Answer 3

哪里是你的HTML代码，这个代码？它看起来怎样？你尝试什么不会给你带来结果。您是否将输入放入标签标签或颠倒？这就是你的CSS代码的样子。而“+”绝对只用于javascript，而不是CSS。

当你没有张贴您的HTML呢，我只能猜测，但你的CSS而应是这样的：

input:hover label, input:focus label, 
input label:hover, input:focus label { 
text-shadow: 1px 1px 3px #000; 
color: #2C7AD0; 
} 

或最可能

UPDATE（用这个，这应该工作）：

input, input:hover, input:focus, label, 
label:hover, label:focus { 
text-shadow: 1px 1px 3px #000; 
color: #2C7AD0; 
}