版主专用眼睛图标

支持
1

你好，

是我又来啦。

我创建了一个名为 Watchdog 的账户，并授予其版主权限。接着，我创建了一个名为“版主”的徽章，并在设置中选择了眼睛图标。我将该徽章授予了 Watchdoggo，当 doggo 发帖时，盾牌和眼睛图标都会显示出来。

尽管授予的徽章在设置中显示为眼睛图标，但实际显示的是盾牌。

wdg4
wdg4786×194 5.19 KB

我该如何移除盾牌图标？

2

首先创建一个名为“watchdog”的新组，将用户 Watchdog 添加进去，并将其设为主组。然后

.group-watchdog .d-icon-shield-alt {
    display: none;
}
3

该用户已经在“Moderators”组中，我认为没有必要再创建另一个组。我将代码修改为

.group-moderators

但不起作用，图标仍然显示。

4

我找到了负责该图标的 CSS，但是当我对其应用 display: none 时，图标虽然消失了，却在中间留下了一个空隙，我想去掉这个空隙（黄色箭头所示）。

wdg5
wdg5339×124 3.37 KB

.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}

有什么建议可以帮我移除这个空隙吗？

或者，我能否使用 CSS 将盾牌图标替换为眼睛图标？因为负责盾牌图标的类并不在 CSS 中，而是嵌入在 HTML 里的。

5

那这个呢？

.moderator .svg-icon-title {
    display: none;
}

我不清楚你的眼睛图标 HTML 结构，所以可能会产生一些副作用……

6

另外，你可以试试这个方法，它对 @Nisutec 有效：

7

没错。如果你想为所有版主移除它，group-moderators 并不是一个类名，它只是 moderator。但这样的话，你甚至不需要 moderator 选择器，只需：

.d-icon-shield-alt {
    display: none;
}

那个间隙可能是由以下代码引起的：

.names span {
    margin-right: 8px;
}

所以可以改为：

.moderator .names span {
    margin-right: 0;
}
8

这个方法非常有效，成功移除了间隙。非常感谢。