如何在Kendo中仅在网格中更改工具提示的背景色？

Question

在我的页面中，我使用工具提示哪个类名是网格单元格的.tooltipcell，也使用工具提示哪个类名是.tooltipbtn到网格中的button.Now --我想更改网格中工具提示的背景色，但是我不想影响按钮tooltip.How的背景色?我使用下面的代码，它会影响两个工具提示。

方法1:双效

.k-widget.k-tooltip{
background-color:red; //set the desired color
}

方法2:双效

div .k-widget.k-tooltip{
background-color:red; //set the desired color
}

Answer 1

JS

 show: function (e) {
        e.sender.popup.element.addClass('red-tooltip');
    },

和CSS

.red-tooltip {
    background-color: #f00 !important;
}

Answer 2

你可以这样做：

.tooltipcell{background-color:green;}

.tooltipbtn{background-color:green;}

如果您的div.k-widget.k工具提示可能会覆盖样式，您可能需要更深入地针对它，如下所示：

div .k-widget.tooltipcell{background-color:green;}

div .k-widget.tooltipbtn{background-color:green;}

Answer 3

我在使用剑道工具提示时遇到了同样的问题。我只想在一个地方更改工具提示的CSS，而剩下的工具提示则保持不变。

使用css，通常的方法是使用目标.widget and .k-tooltip CSS类。

虽然这会改变页面中的所有工具提示。

因此，由于我只想更改一个工具提示(与本文相同的问题)，所以我不得不使用JS方法。所以，我不得不使用剑道工具提示的显示功能。示例：

                   $('.target')..kendoTooltip({
                        position: 'bottom',
                        showAfter: 1000,
                        content: 'test',
                        function(e) {
                            e.sender.popup.element.addClass('customClass');
                            }
                    }).data('kendoTooltip');

几分钟后我就会在这里发表一篇文章。

安德雷