0

次のcheckboxようなデフォルトの Webkit スタイルがあります。

input[type="checkbox"] {
    -webkit-appearance: checkbox;
box-sizing: border-box;
}

現在、IE8checkboxでは動作していません。以下を追加して、これを克服しようとしました。

<!--[if IE 8]>
<style>
    input[type="checkbox"] {
        font-size: 12px;
        line-height: 1.2em;
        /*-webkit-appearance: none; */
    }
</style>
<![endif]-->

これを私のHTMLに追加しましたが、まだ機能していません。私はフロントエンドの開発者ではないので、質問に何か問題がある場合は、お気軽に編集してください。

注: この質問に対するコメントから、Webkit スタイルは IE では機能しないことがわかりました。したがって、IE の Webkit を使用せずにデフォルトのチェック ボックス スタイルを表示する方法を見つける必要があると思います。

4

2 に答える 2

1

ie は webkit ベースではなく、chrome と safari はベースだからです。チェックボックスには、:before および :after 疑似クラスを使用した css トリックがあります。

詳しくはこちらをご覧ください http://csscheckbox.com/

于 2013-10-31T11:33:20.920 に答える