自定义 css 规则未应用

Question

对于我的项目，我使用了来自 devextreme 的一些外部 css。现在，我想重写一些规则。为此，我检查了外部 css 并找到了要覆盖的 class。我这样使用 css 文件：

    <link href="~/css/devextreme/dx.greenmist.css" rel="stylesheet" />
<link href="~/css/customized.css" rel="stylesheet" />

在customized.css我改了一个属性:

.dx-treeview-toggle-item-visibility {
    font: 14px/1 DXIcons;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    color: #333;
    width: 21px;
    height: 32px;
    top: 0;
    right: 0px; /*new property instead of left: -4px*/
}

如果我运行应用程序，我看到最上面的规则是这个自定义规则，但也有原始规则，我的自定义规则没有应用（见图）：

为什么我的自定义 css 规则没有应用？

Answer 1

left 和 right 是两个不同的属性。尝试添加：

left: auto;

自定义样式。

自定义 css 规则未应用

custom css rule is not applied

html

css

devextreme