Question: Item is react framework of reference input in the input box style antd, when completed in input box input, does not appear, background yellow pattern, then, when the data come to another page, and then return to the time entered in the input when the place to discover, input boxes automatically with the default style yellow background Baidu was a lot of front-end big brother approach, did not work, finally found the solution:
Premise: In the government do a project when, window6 this bug is not present, window10 computer will emerge this problem,
Methods as below:
Change the value to the maximum, remember the most, a lot of people mean data value written 1000px, but it is useless, the value must be added to thousands
bug pattern analysis:
This style has arisen because Chrome will automatically add the following input style.
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(250, 255, 189); background-image: none; color: rgb(0, 0, 0); }
Solution:
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
box-shadow: 0 0 0px 100000000px #ffffff inset !important;
}