我有一個我開發的小型調度系統（
但不知是什么原因！在 Google Chrome Mobile 中，“日期”和“時間”欄位中顯示灰色背景色。此外，默認圖示不見了：
我在所有瀏覽器中進行了測驗，但這只發生在 Google Chrome Mobile 上。我想盡快解決這個問題，我不知道發生了什么，我已經為此作業了 1 周。
我正在使用 Chrome 版本 101.0.4951.41。
這是GitHub 上的專案存盤庫。
uj5u.com熱心網友回復：
這是輸入的邊框屬性：Chrome Mobile 正在設定日期和時間輸入的背景以匹配邊框。
我猜您希望所有輸入都匹配，因此在表單中的輸入上設定背景顏色將產生所需的效果：
background-color: #fff;
我還建議不要洗掉outline, 因為這是出于可訪問性原因（螢屏閱讀器）。
所以你的整個風格看起來像這樣：
#form-field input {
width: 100%;
padding: 15px;
border: 1px solid #a3a3a3;
background-color: #fff;
margin: 10px 0;
}
日期和時間輸入相對較新，因此跨瀏覽器支持很棘手（眾所周知，Safari Mobile 多年來不支持日期選擇器）。MDN對檢測瀏覽器兼容性有一些指導。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/468491.html
標籤：javascript html css
上一篇：為什么我的提交按鈕拒絕提交？
下一篇：如何在洗掉前添加確認訊息？