0

カスタムチェックボックスを自分のサイトで機能させようとしています。しかし、HTML の特定の部分で不可解な問題が発生しました。

これが私の現在のコードです: HTML

<div class="quicklinks_login">
    <label for="cookieuser" style="padding-left: 7px;"><input type='checkbox' name='cookieuser' value='1' tabindex='10' id='cb_cookieuser_navbar' accesskey='c' />&nbsp;Remember Me</label>
</div>

CSS

input[type="checkbox"] + label,
label > input[type="checkbox"] {
    background: url("../images/override/state_off.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

CSS からわかるように、スタイルを設定したいパターンが 2 つあります。label > input[type="checkbox"] 'pattern' を HTML に適用する必要があります (FireBug によると、そうです)。ただし、カスタム イメージはチェックボックスで表示されません。

要約すると、私の質問は簡単です:「パターン」label > input[type="checkbox"]が HTML で機能しないのはなぜですか?

4

2 に答える 2

1

必要に応じて、CSS だけでチェックボックスとラジオ ボタンをカスタマイズできます。https://www.google.com/search?q=css%20only%20custom%20checkbox . 基本的な考え方は、ラベルのスタイルを設定し、実際のチェックボックスを非表示にすることです。ラベルをクリックすると、チェックボックスが設定/設定解除されるため、すべてのフォーム機能が保持されます。唯一の欠点は、古いバージョンの IE では、ほとんどのソリューションが提供する適切なフォールバックが必要なことです。

于 2013-08-06T00:25:19.747 に答える
1

これは、ブラウザーがあまりスタイルを設定できない傾向にある要素の 1 つであり、ほとんどの人はそれを JavaScript に置き換えます。

@ levente -nagyによるSOの回答

于 2013-08-06T00:13:20.500 に答える