1

次の CSS を使用して、フォームのテキストボックスとテキストエリアをフラット化しています。

textarea, input[type=text], select {
    border: 1px solid #B5B8C8;
}

チェックボックスを含めたいと思います..これでうまくいくと思いました

textarea, input, select {
    border: 1px solid #B5B8C8;
}

firefox では、違いはないようです。IE 9/10 では、チェックボックス自体を変更するのではなく、チェックボックスの周りに奇妙な境界線が表示されます。

チェックボックスをテキストボックスとテキストエリアに似せて 3D 効果を取り除く方法についての提案。

4

1 に答える 1

1

フォーム要素を正規化するクロスブラウザー CSS のみのソリューションはありません。最新のブラウザーで動作する非 JS ソリューションについては、この CSS 忍者の記事 を参照してください。それ以外の場合、最適なオプションはUniformのようなものです。これは面倒な作業を行い、JavaScript を無効にした通常のフォーム要素にフォールバックします。

ネイティブ フォーム要素とそのスタイル (特にモバイル デバイス) を使用する利点は非常に大きいです。そうは言っても、チェックボックスとラジオ ボタンのカスタム スタイル (選択ボックス/日付ピッカーなどとは対照的に) は、私のテストではかなりうまく機能しているようです。

于 2013-03-19T14:58:39.050 に答える