伴隨著 Edge/Chrome 83 對表單控件的更新，這些基于 Chromium 的瀏覽器目前在訪問大多數(shù)網(wǎng)站下拉菜單中的焦點輸入文本字段和已選定的選項都會顯示黑色邊框。通常情況下，Chrome 瀏覽器在聚焦的時候<textarea>、<Select>以及<input> 等表單字段會顯示藍色或者橙色邊框。

　　不過現(xiàn)在 Chrome 顯示了黑色的邊框，給用戶帶來了視覺上的困擾。這個問題也讓開發(fā)者比較苦惱，因為 Chrome 瀏覽器并沒有遵守谷歌自己設定的 CSS 規(guī)則。

　　Microsoft Edge 和 Google Chrome 團隊合作，為開源瀏覽器 Chromium 帶來了更現(xiàn)代化的表單控件。更新后的表單控件已經(jīng)在目前的 Chrome 83 和 Edge 83 版本中上線，此外對輕松訪問、觸控和鍵盤操作進行了優(yōu)化。但是刷新后的表單控件這個黑色邊框引起了用戶和開發(fā)者的困擾。

　　為了提高明暗背景下的可見性，焦點指示器或焦點環(huán)現(xiàn)在使用了一個厚厚的暗環(huán)，并加入了較薄的白線。這可能是造成現(xiàn)在的黑邊框的原因。已經(jīng)有人創(chuàng)建了一個 bug，將這個問題提交給 Chromium 團隊審核。

　　該問題描述為：“自從表單控件刷新以來，Chrome 似乎忽略了使用邏輯屬性的 CSS 邊框規(guī)則，總是在<textarea>組件周圍顯示黑色邊框”。目前這個問題已經(jīng)標記為“regression”，Chromium 團隊成員進一步表示這個問題已經(jīng)得到修復，在 Chrome 84 Dev 通道版本中已經(jīng)不存在了。

　　如果你想要在 Chrome 瀏覽器中移除這個黑邊框，可以按照以下步驟進行：

　　1. 啟動 Chrome 瀏覽器

　　2. 訪問 chrome://flags/#form-controls-refresh。

　　3. 從下拉菜單中選擇 "禁用"，然后重新啟動瀏覽器。

總結

以上是生活随笔為你收集整理的Edge/Chrome 83新表单控件启用黑色边框 给用户和开发者带来困扰的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。