css——处理输入框后颜色问题

   <李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>


<代码类=癱ss平原”>输入{ <代码类=" css关键字">大纲 <代码类=癱ss平原”>: <代码类=癱ss价值”> 没有类=癱ss平原”> <代码;}

这样点击输入框的时候就不会触发边框颜色了


,

<李>

<李>

<李>

<李>

<李>

在有些情况下,这个×××的背景会影响到我们界面的效果,尤其是在我们给输入文本框使用图片背景的时候,原来的圆角和边框都被覆盖了:

 css——处理输入框后颜色问题

情景一:输入文本框是纯色背景的

可以对输入:-webkit-autofill使用足够大的纯色内阴影来覆盖输入输入框的×××背景,如:

<李>

<李>

<李>

<李>

如果你有使用圆角等属性,或者发现输入框的长度高度不太对,可以对其进行调整,除了chrome默认定义的背景颜色,背景图像,颜色不能用!重要提升其优先级以外,其他的属性均可使用!重要提升其优先级,如:

<李>

<李>

<李>

<李>

<李>

<李>

<李>

情景二:输入文本框是使用图片背景的

这个比较麻烦,目前还没找到完美的解决方法,有两种选择:

1,如果你的图片背景不太复杂,只有一些简单的内阴影,那个人觉得完全可以使用上面介绍的方法用足够大的纯色内阴影去覆盖掉×××背景,此时只不过是没有了原来的内阴影效果罢了。

2,如果你实在想留住原来的内阴影效果,那就只能牺牲chrome自动填充表单的功能,使用js去实现,例如:

<李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>

<李>

遍历的对象可能要根据你的需求去调整。如果你不想使用js,好吧,在形式标签上直接关闭了表单的自动填充功能:自动完成=肮乇铡薄?/p>



,

输入:-webkit-autofill  {   -webkit-box-shadow: 0, 0, 0 px  1000 px  white 插图;   }

 css——处理输入框后颜色问题<img src=水?2/文本/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvendrMTk5MDI0/字体/5 a6l5l2t/字形大?400/填充/I0JBQkFCMA==/溶解/70/重力中心" alt=" css——处理输入框后颜色问题">

,

输入:-webkit-autofill  {   -webkit-box-shadow: 0, 0, 0 px  1000 px  white  inset  !重要;   }

 css——处理输入框后颜色问题

 css——处理输入框后颜色问题

,

& lt; form  action=發oginAction",方法=皃ost",自动完成=皁ff"在

 css——处理输入框后颜色问题


css——处理输入框后颜色问题