导航器在浏览器中更改颜色

Navigator changing color in browser

我有带动态视图的简单 xpage。我可以通过从扩展库添加的导航器在它们之间切换。一切正常,但问题出在 CSS。对于导航器,我附加了 1 个样式 sheet,其中包含以下内容:

.lotusSelected{background-color:none;}

这就是它变得有趣的地方 - 每当我在 Chrome 网络浏览器中打开 xpage 时,尝试打开任何导航器元素并通过 Chrome devkit(或其他任何方式)查看代码当你按 F12 时)它显示上面的代码现在是:

.lotusSelected{background-color:red;}

...所以它几乎改变了我的 CSS。我不明白为什么会这样。此外,它不会发生在 Internet Explorer 中。任何人都可以解释为什么会发生这种情况以及如何解决它吗?

如果你想让背景颜色什么都不是,那么使用透明而不是 none。

也许您的 css 样式被另一个样式覆盖(即来自 OneUI) 在您的 css 调试器中检查它是否以删除线样式出现。

在这种情况下,您可以在样式中添加 !important:

.lotusSelected{背景颜色:none !important;}

(仅供参考:这是一个 css 反模式 :P )