css - 在输入字段中隐藏 Last Pass 图标

Question

如果您在 chrome 中安装了 Last Pass 扩展程序，它会...在某些输入字段的右侧显示一个。

我想知道：有没有办法用css隐藏这个？

score 32 · Accepted Answer

32

您还可以通过将此属性添加到输入元素来隐藏图标：

data-lpignore="true"

于 2018-10-31T18:31:32.097 回答

score 2 · Accepted Answer

我想到了！

我把它放在我的输入字段样式中：

background-image:none !important;
background-attachment:none !important;
padding-right:0 !important;
border:1px solid #ABADB3 !important;

这产生了影响，但仍然可以看到一些东西。将它放在我的全局样式中完全摆脱了它：

div[id^=__lpform_] {
    display: none;
}

score 1 · Accepted Answer

要抑制输入字段的图标，如下所示：

<input type="tel" id="cc-number" autocomplete="off">

我在下面使用了css：

img[id^='__lpform_cc-number_icon'] {
    display: none !important;
}

input {
background-image: none !important;
}

data-lpignore="true"

^^ 我猜不再有效。我不确定，因为它在我的情况下不起作用。

score 0 · Accepted Answer

2021 年 11 月更新

我注意到所有 LastPass 小部件都有 css-1obar3y 类。

div.css-1obar3y {
  display: none!important;
}

非常适合我

4 回答 4