Kendo UI - 更改工具提示颜色?

时间:2016-01-07 13:43:01

标签: css kendo-ui

我需要更改默认的Kendo UI Tooltip颜色。 我已将此代码插入我的.css文件中:

.k-tooltip {
background: black !important;
border-color: black !important;    
}

但它并没有改变保持绿色的尖端颜色。

enter image description here

可以用css改变吗?

2 个答案:

答案 0 :(得分:4)

将此添加到您的css文件中:

.k-callout-s {
     border-top-color: black;
}

答案 1 :(得分:0)

你可以这样做结账 HTML:

<a href="#" data-toggle="tooltip" data-placement="bottom"
   title="" data-original-title="Tooltip on bottom"
   class="red-tooltip">color tooltip</a>

的CSS:

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}

fiddle

这里还有一个链接希望它会有所帮助 enter link description here