【问题标题】:kendoui panelbar format text with color and underlinekendoui 面板栏用颜色和下划线格式化文本
【发布时间】:2014-08-20 17:19:26
【问题描述】:

我正在尝试仅格式化 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;
    }

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

【问题讨论】:

    标签: css kendo-ui kendo-panelbar


    【解决方案1】:

    请尝试以下代码 sn-p。

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

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

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

    【讨论】:

    • 谢谢。这很好,除了我不能下划线。这是从其他地方覆盖的吗?
    • 我已经更新了上面的代码 sn-p 并且它在我这边工作得很好。能否请您暂时删除另一个样式和 css 文件并检查它。
    • 谢谢,这太完美了!我以前没有见过 !important 代码,但我会记住这一点。再次感谢。
    猜你喜欢
    • 1970-01-01
    • 2010-09-16
    • 2023-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-03
    • 2018-08-13
    • 1970-01-01
    相关资源
    最近更新 更多