Edge和Chrome浏览器中ExtJS 7.x Modern Material css“.x-show-selection>.x-listitem.x-selected”中的错误

ltskdhd1 于 2022-11-05 发布在其他

关注(0)|答案(1)|浏览(106)

我最近购买了ExtJS 7. x许可证，并正在做一些测试，我最终发现了一个与Edge和Chrome浏览器的缺陷（不兼容）。
创建简单网格类型组件时，选择记录行不会覆盖记录（行）。记录为白色，背景为灰色。在深色模式下，所选记录为黑色，背景为蓝色。
我怎样才能解决这个问题？

CSS
.x-show-selection > .x-listitem.x-selected {
    background-color: #e0e0e0;
    background-color: var(--selected-background-color);
    color: #111;
    color: var(--color);
}

Edge - BUG on Grid record selection
Edge - BUG on Grid Dark Mode Record selection

extjs

来源：https://stackoverflow.com/questions/64851042/bug-in-extjs-7-x-modern-material-css-x-show-selection-x-listitem-x-selected

1条答案

按热度按时间

y1aodyip1#

在您的示例中，您设置了颜色，并使用原始值覆盖了下一行中的更改。这样，您就覆盖了更改。

<style>
    .x-show-selection > .x-listitem.x-selected {
        background-color: red;
        color: white;
    }
</style>

这个应该可以了
请参阅此Fiddle中的index.html

赞(0）回复(0）举报 2022-11-05

我来回答

Edge和Chrome浏览器中ExtJS 7.x Modern Material css“.x-show-selection>.x-listitem.x-selected”中的错误

1条答案

相关问题

热门标签

最新问答