心灵的制造商
2016-05-05 09:40
采纳率: 33.3%
浏览 7.2k
已采纳

谷歌浏览器记住密码后input输入框样式问题

1、正确的情况如下图

正确显示的情况的效果图如下:
正确情况图

2、输入用户名和密码后点击登录

输入用户名和密码后点击登录;谷歌浏览器会弹出一个对话框;对话框如下图
谷歌浏览器提醒
对话框提示内容是“希望Google Chome保存您在此网站上使用的密码吗?”,点击按钮“保存密码”后;注销在次登录。

3、input的输入框样式倍改变

注销再次登录后的登录页面input输入框样式改变了;改变的效果如下图
图片说明

4、检查代码

打开控制台发现谷歌浏览器下的部分样式覆盖了;代码如下;
控制台代码

我使用了两种方法;发现没法覆盖那些样式;

请问有办法解决吗?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳
    点赞 打赏 评论
  • 柠檬不萌jx 2016-05-05 09:48

    这是因为Chrome浏览器中,记住密码会显示特有CSS样式,优先级比网页原来的高。
    除非用户不使用密码记住功能,才能避免这种情况。

    点赞 打赏 评论
  • じ★ve花之谷 2020-03-05 19:58

    方法1:阴影覆盖
    input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0 1000px white inset !important;

    }
    方法2:修改chrome浏览器渲染黄色背景的时间
    :-webkit-autofill {

    -webkit-text-fill-color: #fff !important;

    transition: background-color 5000s ease-in-out 0s;

    }

    点赞 打赏 评论

相关推荐 更多相似问题