伴隨著Edge/Chrome 83對錶單控制元件的更新，這些基於Chromium的瀏覽器目前在訪問大多數網站下拉選單中的焦點輸入文字欄位和已選定的選項都會顯示黑色邊框。通常情況下，Chrome瀏覽器在聚焦的時候<textarea>、<Select>以及<input> 等表單欄位會顯示藍色或者橙色邊框。
不過現在Chrome顯示了黑色的邊框，給使用者帶來了視覺上的困擾。這個問題也讓開發者比較苦惱，因為Chrome瀏覽器並沒有遵守谷歌自己設定的CSS規則。
Microsoft Edge和Google Chrome團隊合作，為開源瀏覽器Chromium帶來了更現代化的表單控制元件。更新後的表單控制元件已經在目前的Chrome 83和Edge 83版本中上線，此外對輕鬆訪問、觸控和鍵盤操作進行了最佳化。但是重新整理後的表單控制元件這個黑色邊框引起了使用者和開發者的困擾。
為了提高明暗背景下的可見性，焦點指示器或焦點環現在使用了一個厚厚的暗環，並加入了較薄的白線。這可能是造成現在的黑邊框的原因。已經有人建立了一個bug，將這個問題提交給Chromium團隊稽核。
該問題描述為：“自從表單控制元件重新整理以來，Chrome似乎忽略了使用邏輯屬性的CSS邊框規則，總是在<textarea>元件周圍顯示黑色邊框”。目前這個問題已經標記為“regression”，Chromium團隊成員進一步表示這個問題已經得到修復，在Chrome 84 Dev通道版本中已經不存在了。
如果你想要在Chrome瀏覽器中移除這個黑邊框，可以按照以下步驟進行
1. 啟動Chrome瀏覽器
2. 訪問chrome://flags/#form-controls-refresh。
3. 從下拉選單中選擇 "禁用"，然後重新啟動瀏覽器。
伴隨著Edge/Chrome 83對錶單控制元件的更新，這些基於Chromium的瀏覽器目前在訪問大多數網站下拉選單中的焦點輸入文字欄位和已選定的選項都會顯示黑色邊框。通常情況下，Chrome瀏覽器在聚焦的時候<textarea>、<Select>以及<input> 等表單欄位會顯示藍色或者橙色邊框。
不過現在Chrome顯示了黑色的邊框，給使用者帶來了視覺上的困擾。這個問題也讓開發者比較苦惱，因為Chrome瀏覽器並沒有遵守谷歌自己設定的CSS規則。
Microsoft Edge和Google Chrome團隊合作，為開源瀏覽器Chromium帶來了更現代化的表單控制元件。更新後的表單控制元件已經在目前的Chrome 83和Edge 83版本中上線，此外對輕鬆訪問、觸控和鍵盤操作進行了最佳化。但是重新整理後的表單控制元件這個黑色邊框引起了使用者和開發者的困擾。
為了提高明暗背景下的可見性，焦點指示器或焦點環現在使用了一個厚厚的暗環，並加入了較薄的白線。這可能是造成現在的黑邊框的原因。已經有人建立了一個bug，將這個問題提交給Chromium團隊稽核。
該問題描述為：“自從表單控制元件重新整理以來，Chrome似乎忽略了使用邏輯屬性的CSS邊框規則，總是在<textarea>元件周圍顯示黑色邊框”。目前這個問題已經標記為“regression”，Chromium團隊成員進一步表示這個問題已經得到修復，在Chrome 84 Dev通道版本中已經不存在了。
如果你想要在Chrome瀏覽器中移除這個黑邊框，可以按照以下步驟進行
1. 啟動Chrome瀏覽器
2. 訪問chrome://flags/#form-controls-refresh。
3. 從下拉選單中選擇 "禁用"，然後重新啟動瀏覽器。