回复按钮在滚动/悬停时获得变亮和加粗效果

回复按钮成了用 CSS 修复的最难的部分。

它使回复按钮在帖子被悬停/聚焦时变亮。它还使“Reply”一词在悬停时变得更粗,这我不喜欢。

它还在直接悬停时改变字体颜色,但只改变了图标而不是“Reply”一词,所以需要 CSS 来统一默认样式。

image

回复按钮上有很多效果,还有某种加粗/或更重的字体被添加。

image

这是我拥有的代码,仍然有字体放大的效果,我已经设法摆脱了变亮的效果:

.post-info.edits .btn-flat svg,
.post-info.edits .btn-flat .d-button-label,
.topic-post .post-controls .create svg,
.topic-post .post-controls .create .d-button-label {
    fill: #7b7b7b !important;
    color: #7b7b7b !important;
 
}

/* 2. 悬停状态:更改为 e0e0e0 */
.post-info.edits .btn-flat:hover svg,
.post-info.edits .btn-flat:hover .d-button-label,
.topic-post .post-controls .create:hover svg,
.topic-post .post-controls .create:hover .d-button-label {
    fill: #e0e0e0 !important;
    color: #e0e0e0 !important;
}

/* 3. 消除变亮/发光和缓慢的过渡 */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
}

/* 4. 阻止滚动高亮使颜色变淡 */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
    filter: none !important;
    opacity: 1 !important;
}

如果你能通过某种内置样式修改图标/字体/文本,那就太好了。因为我已经写了很多 CSS 来使默认外观符合我的需求。

我之前让它看起来更好,但我不得不删除我拥有的 CSS,因为它由于双按钮和所有应用的各种样式而导致了很多问题。

你可以使用 content: "Some text" 来更改元素的文本。但最好还是通过站点文本来更改文本。