Chrome 83フォーム要素スタイル

Chrome 83バージョンは、フォーム要素の視覚効果にいくつかの微調整を行いました。すべての勾配はなくなりました（特に要素の余分な光沢のある効果）。特に入力ボックスとテキストフィールドの間で、全体的な一貫性が向上します。私は新しいスタイルに寒くはありませんが、この変更には多くのアクセシビリティ調査が組み込まれていると聞いたことがあります。そのため、文句を言うのは難しいです。

ハキムは良い比較ツイートを投稿しました：

Chromeの新しいデフォルトフォームスタイルがリリースされましたか？ pic.twitter.com/pr6qi1lppn

- Hakim El Hattab（@hakimel）2020年5月26日

これには、CSSを使用してフォーム要素の外観を変更するための新しい標準化されたアプローチは伴うものではありませんが、ブラウザーベンダーはこれについて非常に明確であり、その目標に近づいているようです。これはこの方向への一歩だと思います。

また、新しいものに気づきました<input type="time">要素。古いバージョンはこのように見え、UIコントロールを提供しません。

これで、コントロールを使用してこの改善されたバージョンを取得します。

Redditは、Date Pickerと同じ擬似要素を使用しているため、削除したい場合は、これらのタイプの入力にスコープしてから削除できます。

 input [type = "time"] :: -webkit-calendar-picker-indicator {
  表示：なし;
}

これは改善だと思います（UIコントロールを持つ要素が好きです）が、特に目標が（ひどく）再構築する代わりに実際にそれらを使用させることである場合、これらの要素をスタイリングできる必要性を強調し続けています。

以上がChrome 83フォーム要素スタイルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。