2

カスタムチェックボックスを作成しようとしているので、次のようなものを作成しました：http: //jsfiddle.net/wQdUn/2/

問題は、WebKitベースのブラウザでは<span>、ボックス自体ではなく、コンテンツをクリックしたときにのみチェックボックスが切り替えられるのに対し、Firefoxでは期待どおりの動作が得られることです。

だから私は2つの質問があります：

  • 正しい動作（つまり、仕様に準拠している動作）はどれですか？
  • 両方のブラウザ（および他のブラウザ...）で必要な結果を得るにはどうすればよいですか？

ありがとう。

4

2 に答える 2

5

最初の質問についてはわかりませんがspan、インラインブロックも作成すると、WebKitブラウザーで期待どおりに機能します。http://jsfiddle.net/wQdUn/5を参照してください

于 2011-10-03T10:15:16.847 に答える
0

このトピックフォームグーグルに来る人のために：

Safari 6.0.4（8536.29.13）でもこの問題が発生しinline-blockます。クリックを機能させるには、疑似要素を設定する必要があります。

ChromeはレンダリングエンジンとしてBlinkに切り替えたため、この問題はChromeでは発生しなくなりました（26.0.1410.65）。

于 2013-05-20T09:37:14.833 に答える