0

Web アプリでフォーム入力をカスタマイズしようとしましたが、これを行うには、デフォルトのブラウザー スタイルをクリアする必要がありました

-webkit-appearance: none

したがって、Chrome と Safari では見栄えの良いチェックボックス、ラジオなどがあります。しかし、FF と Opera では、私のスタイルとブラウザのスタイルの両方がアクティブになっているように見えます。FF、IE、Opera のデフォルト スタイルを無効にする方法はありますか?

更新:私はすでに試しまし-o-appearance: noneた-moz-appearance: noneが、結果は得られません。

4

1 に答える 1

1

Firefox と IE は (まだ) 外観プロパティをサポートしていません。

checkboxesただし、やなどの入力radio buttonsは純粋な css で簡単にカスタマイズできます。

実装には、入力を非表示にし、ラベル (beforeカスタム スタイルの疑似要素を含む) を使用して入力をトリガーすることが 含まれます。

クロスブラウザのカスタマイズされた入力については、このFIDDLEを参照してください。

于 2013-07-11T07:22:55.530 に答える