入力とそのラベルにtssをCSSスタイルに追加する方法はありますか？

Question

アラインメントの必要性のために、テーブルにいくつかの入力を追加したいと思います。 しかし、スタイルはうまく動作せず停止しました。 どのようにしてこのCSSスタイルにtdを追加できますか？例えば 、このような何か：

   <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コードの様子です。そして、 "+"はCSSだけでなく、JavaScriptでも使われています。

あなたはまだあなたのHTMLを投稿していなかったとして、私はちょうど推測することができますが、あなたのCSSは、むしろのようになります。

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

OR最も可能性の高い

UPDATE（これは動作するはずです、これを使用）：

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