1.網(wǎng)上說的通過設(shè)置內(nèi)陰影的方法要慎用,如果input背景是黑色,則會造成文字顯示異常。
2.下面這種方法經(jīng)測試,在各個瀏覽器表現(xiàn)良好,原理是通過transition顏色變換,此方法會引起光標(biāo)顏色異常。可以使用caret-color是新出的屬性來設(shè)置光標(biāo)顏色,如果要兼容ie678,注意兼容性。
先在input對應(yīng)的css中設(shè)置:
-webkit-text-fill-color: #ffffff;
caret-color: #fff; / 光標(biāo)顏色 /
然后添加偽類:
input:focus { outline: none; }
input:-webkit-autofill {
-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s;
}