Chrome 83形式元素樣式

Chrome 83 版本對錶單元素的視覺效果進行了一些調整。所有漸變色都消失了（特別是元素的額外光澤效果）。整體一致性得到了提升，尤其是在輸入框和文本域之間。雖然我對新的樣式不太感冒，但我聽說這項改動融入了大量的無障礙性研究成果，所以很難對此提出抱怨——而且你始終可以更改它。

Hakim 發布了一條不錯的對比推文：

Chrome 的新默認表單樣式已發布? pic.twitter.com/Pr6qi1LpPn

— Hakim El Hattab (@hakimel) 2020年5月26日

這並沒有伴隨著新的標準化方法來使用CSS 更改表單元素的外觀，儘管瀏覽器廠商對此非常清楚，並且似乎越來越接近這一目標。我相信這是一個朝著這個方向邁出的一步。

我還注意到出現了一個新的<input type="time">元素。舊版本看起來像這樣，並且沒有提供任何UI 控件：

現在我們得到了這個帶有控件的改進版本：

Reddit 指出它使用了與日期選擇器相同的偽元素，因此如果您想將其移除，您可以將其範圍限定為這些類型的輸入（或不限定），然後將其移除。

 input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}

我認為這是一個改進（我喜歡帶有UI 控件的元素），但這確實繼續突顯了能夠對這些元素進行樣式設置的需求，特別是如果目標是讓人們實際使用它們而不是（糟糕地）重新構建它們的話。

以上是Chrome 83形式元素樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！