css - kendoui panelbar带有颜色和下划线的格式文本

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

    /* 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;
    }

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

最佳答案

请尝试使用以下代码段。

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

您只想将样式应用于面板标题。

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

关于css - kendoui panelbar带有颜色和下划线的格式文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25410785/