javascript - 如何更改输入名称背景?

标签 javascript html css sass scss-lint

<分区>

当我在输入上单击鼠标时,下拉邮件列表,当我将鼠标移至 Miles 时,正在更改输入背景。如图所示。 如何删除或更改本次输入背景?

enter image description here

我已经试过“focus”,但是没用。

<input type="email" name="email" placeholder="Email">

    input {
        background: none;

        &:focus {
            background: none;
        }
    }

最佳答案

对于谷歌浏览器,您可以执行以下操作:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
<input type="text" name="name">

white 替换为所需的颜色。我从这个 SO answer 中截取了这个片段.深入研究该 SO 问题也是一个好主意,因为有略微不同的解决方案可能更适合您。

请记住,这是非标准的,应该避免使用它,但现在,这是您可以做的。 引用:MDN

关于javascript - 如何更改输入名称背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58095098/

上一篇:html - 我如何调整导航栏 HTML 的缩放

下一篇:css - 对齐不同 block 的子元素

相关文章:

javascript - 单击按钮后如何更改颜色按钮

javascript - 渲染没有返回任何内容。这通常意味着缺少 return 语句

html - 导航栏中的多级菜单与工作

javascript - 重构以避免 setTimeout 函数

javascript - 如何使用 WhatsApp 分享按钮分享图片?

javascript - 我怎样才能使这段代码更短

html - 对齐图像标题

javascript - 似乎无法聚焦下一个 TextInput(React-Native)

javascript - 渲染要在 JSX 中列出的对象数组

html - 将 Angular 周围的表格单元格与来自另一个表格的不均匀单元格的表格行放在同一行上