Javascript 如何使剑道工具提示内容左对齐

Javascript 如何使剑道工具提示内容左对齐,javascript,html,css,kendo-ui,tooltip,Javascript,Html,Css,Kendo Ui,Tooltip,我有一个剑道工具提示,当我悬停在剑道网格中的一行上时显示。 工具提示的内容有多行。 默认情况下,这些线显示在中间,而我希望它们显示为左对齐 rowTable.kendoTooltip({ content: textToBeDisplayed, position: "bottom" }); 您可以覆盖.k-too

我有一个剑道工具提示,当我悬停在剑道网格中的一行上时显示。 工具提示的内容有多行。 默认情况下,这些线显示在中间,而我希望它们显示为左对齐

    rowTable.kendoTooltip({
                               content: textToBeDisplayed,
                               position: "bottom"
                           });

您可以覆盖
.k-tooltip-content
CSS类

 .k-tooltip-content {
        text-align:left;
    }

对于那些不想覆盖css类的人,请参见此。我在内容中添加了“在线”样式

.Content("<div style='text-align:left;'> " + myContent + "</div>")
.Content(“+myContent+”)

Codingbadger的答案是正确的,但它会覆盖页面上所有工具提示的样式

以下是仅针对特定工具提示更改样式的示例:


谢谢!这完全回答了我的问题。我已经为此修改了kendo.common.min.css文件,并且成功了。请注意,这将覆盖应用程序中所有工具提示的样式。要不干扰其他工具提示,请参阅Sergey_T的答案。
$(document).ready(function() {
  $("#target").kendoTooltip({
    position: "right",
    width: "200px",
    content: "<div class='my-tooltip'>Tooltip content with <b>solid example</b></div>"
  });
});
.my-tooltip {
    text-align: left;
  font-size: 20px;
}