谷歌浏览器input默认填充的背景样式修改

问题

谷歌浏览器input默认填充的背景样式修改_第1张图片
谷歌浏览器input默认填充的背景样式修改_第2张图片

解决方案

给input添加内阴影
谷歌浏览器input默认填充的背景样式修改_第3张图片

    box-shadow: inset 0 0 0 32px #fff !important;
    -webkit-text-fill-color: black;
    color: black;

谷歌浏览器input默认填充的背景样式修改_第4张图片

存在的问题

输入框没有border的时候是正常的,但是如果加了border,在没有默认填充的情况,会把border覆盖掉一部分

你可能感兴趣的:(vue,javascript,前端,html)