我的 module.css 檔案中有一個類，如下所示
.field input[type='date']:in-range::-webkit-datetime-edit-year-field {
color: transparent;
}
這在未禁用輸入時有效。yyyy 的顏色設定為透明。
當輸入被禁用時，顏色被設定回谷歌瀏覽器對該欄位的默認顏色。
這是我嘗試過但沒有成功的方法：
.field input:disabled[type='date']:in-range::-webkit-datetime-edit-year-field {
color: transparent;
}
.field input[type='date']:disabled:in-range::-webkit-datetime-edit-year-field {
color: transparent;
}
.field
input[type='date']:in-range::-webkit-datetime-edit-year-field:disabled {
color: transparent;
}
當輸入被禁用時，如何定位日期時間編輯年欄位？
uj5u.com熱心網友回復：
嘗試這個。如果該欄位被禁用，則范圍無關緊要。
input[type='date']:disabled::-webkit-datetime-edit-year-field {
color: transparent;
}
uj5u.com熱心網友回復：
經過反復試驗，我找到了我的問題的答案。解決方案起初并不明顯，它是通過將 :disabled 選擇器放置在隨機位置直到它正常作業來找到的。
.field
input:disabled[type='date']:disabled::-webkit-datetime-edit-year-field {
color: transparent;
}
.field
input:disabled[type='date']:disabled::-webkit-datetime-edit-month-field {
color: transparent;
}
.field
input:disabled[type='date']:disabled::-webkit-datetime-edit-day-field {
color: transparent;
}
.field
input:disabled[type='date']:disabled::-webkit-datetime-edit-text {
color: transparent;
}
為了使這些類將這些元素的顏色更改為透明：
- 年 - YYYY
- 月 - MM
- 日 - DD
- 分隔符文本 - /
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/360123.html