検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >IE8/9/10、FFなどと完全互換の美しいチェックボックススタイル（マルチセレクトボックス）_HTML/Xhtml_Webページ制作

IE8/9/10、FFなどと完全互換の美しいチェックボックススタイル（マルチセレクトボックス）_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:39:512215ブラウズ

このような一般的に使用されるチェックボックスのスタイルを変更するには、実際には Baidu が必要だったのは恥ずかしいことですが、さらに厄介なのは、Baidu が実行可能な解決策を長い間見つけられなかったことです。

その後、csscheckbox.com で多くのスタイルを見つけましたが、IE との互換性テストは失敗しました。結果として、長い時間が無駄になってしまいました。

何度も試した結果、ショートカットでJQuery UIに戻りましたが、言うまでもなく互換性は非常に良く、好みのスタイルで描画できます。

将来誰もが便利に使えるように、チェックボックスのスタイルをここに記録します。

デフォルト、ホバー、アクティブの 3 つの状態があり、テスト済みで、IE8/9/10、FF などと完全に互換性があります。

コードをコピー
コードは次のとおりです。