css - kendoui 面板栏用颜色和下划线格式化文本

Question

我正在尝试仅格式化 kendoui 面板栏文本，而不是容器内的内容。

    /* kendo overrides */
    .k-panelbar .k-link
    {
        font-size:larger;
        font-weight:700;
        text-decoration: underline;
    }

上面的代码使面板中的内容保持不变，并使用除 text-decoration 选项之外的所有选项来格式化面板栏中的文本。

除非我使用 .k-item，否则 text-decoration（也尝试过 text-decoration-color）不起作用，但 k.item 也会影响面板中的内容。

    /* kendo overrides */
    .k-panelbar .k-item
    {
        font-size:larger;
        font-weight:700;
        text-decoration: underline;
    }

如何仅更改面板栏中的文本？

score 1 · Accepted Answer

请尝试使用以下代码片段。

.k-panelbar>.k-item>.k-link {
      color: red !important;
      text-decoration: underline !important;
}

您只想将应用样式更改为面板栏标题。

如果我不理解您的要求，请告诉我。

1 回答 1