HTML (HTML5) 入力フィールドをフォーマットする最も美しい方法を探しています。解決策はたくさんありますが、すべてが古いです。（CSS3ではなく、すべて画像を使用しています）
https://lector.hu/en/のような同じ選択フィールドが必要です。きれいなアップロード領域と、おそらく自動サイズ設定を使用したいと思います。
HTML のすべての入力フィールドを再設計するのに役立つクロスブラウザ互換性のある JavaScript ベースのライブラリはありますか?
user2107567
質問する
165 次
1 に答える
1
あなたが見つけたすべての解決策は、すべての入力要素をクロスブラウザーの方法でスタイルする唯一の方法であるため、「古い」ものです。あなたの例のリンクでさえ images を使用しています。これは、通常、入力要素をスパンまたは他のよりスタイル設定可能な要素に動的に置き換えるだけの JavaScript ライブラリの場合にも当てはまります。
フォーム入力のスタイリングの問題、および画像や要素の置換を使用しないクロスブラウザーの方法が見つからない理由は、フォーム要素が実際にはシステム要素であり、HTML 要素ではないためです。
デモンストレーションとして、同じシステムの異なるブラウザーでデフォルトのフォーム フィールドを含む Web サイトを開きます。次に、異なるオペレーティング システムのシステムで同じ Web サイトを開きます (たとえば、Windows と Mac マシンを使用します)。同じシステム上ではブラウザー間に大きな違いはありませんが、同じブラウザーでもオペレーティング システムが異なると大きな違いがあることがわかります。
入力フィールドの境界線など、スタイルを設定できるものもあるため、ブラウザーによって若干異なる場合がありますが、ドロップダウン (選択) やアップロード フィールドなどはほぼ同じであることがわかります。これは、ブラウザーがこれらの要素を変更するためのアクセス権をあまり持っていないためです (Windows に組み込まれているため、特に古いバージョンの Internet Explorer は例外である可能性があります)。
したがって、次の 2 つのオプションがあります。
- 弾丸を噛み、画像や JavaScript を使用する
- ブラウザーやプラットフォームによって入力が若干異なることを受け入れます (これは、ユーザーが使用しているシステムとの一貫性を生み出すため、必ずしも悪いことではありません)。
于 2013-02-25T14:59:20.413 に答える