用layui表單做項目谷歌瀏覽器 input框 背景色問題 彙總和解決

用layui表單的時候,要求input框背景色爲深色, 但是在谷歌調試的時候總是有一個黃色的背景色 , 再輸入內容的時候又變成了白色.怎麼改都不行?

解決: 查了博客,說是谷歌默認的自帶屬性影響了

1.input:-webkit-autofill{            //設置盒子陰影來覆蓋黃色背景 可以決絕沒輸入的時候的 背景色問題 但是有操作的時候又不行了
  -webkit-box-shadow: 0 0 0 400px #000 inset !important;  //保險起見還是加上important最好

       -webkit-text-fill-color: #fff !important;//可加可不加

       outline:none;//去掉選中輪廓線
}

2.要解決輸入的時候背景色變白色 可以設置input

input{

       background:transparent; //設置背景色爲透明即可   反正我設置了這兩個就解決了

}

3.當然 碰到文本框或者下拉選中框也有這類問題的話

textarea:-webkit-autofill, select:-webkit-autofill //可以借鑑上邊的 操作試一試

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章