0

位置合わせの必要性のために、テーブルにいくつかの入力を追加したいと思います。しかし、スタイルは機能せず、停止しました。この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; 
}
4

3 に答える 3

2

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; 
}

または最も可能性が高い

UPDATE(これを使用してください、これはうまくいくはずです):

input, input:hover, input:focus, label,
label:hover, label:focus {
text-shadow: 1px 1px 3px #000;
color: #2C7AD0; 
}
于 2012-04-18T09:05:57.197 に答える
1

テーブル マークアップを使用すると、label要素はどのセレクターとも一致しません。label要素とinput要素はまったく兄弟ではありません。かなり異なるものが必要です。以下は、「ホバー」部分の通常の CSS 警告で機能します。

tr:hover label { ... }

「フォーカス」部分に関しては、残念ながら構造上の制限により、純粋な CSS を使用することはできません。要素のフォーカス状態を、その前の要素のレンダリングに影響させることはできません。そのためには JavaScript を使用する必要があります。

于 2012-04-18T10:09:30.700 に答える
0

jqueryを使用してこのコードを確認してください

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

$("#yourelems").textShadow( option );
$("#yourelems").css("color","red");
于 2012-04-18T08:50:18.273 に答える