在刀尖中使用<br/>更改刀尖的默认颜色

时间:2011-06-01 13:15:30

标签: c# asp.net tooltip

我使用默认的asp.net ToolTip属性,文本为

This is Going to be a long text
Thats why we decided to split it.

但是使用<br/>拆分该行不起作用,它会呈现为文本,我希望它能打破这一行。

这是我的代码:

Label lblActionText = new Label();
lblActionText.Text = "Helloooo Phaltu";
lblActionText.Style.Add("cursor", "pointer");
lblActionText.ToolTip =
    "This is Going to be a long text"
    + "<br/>"
    + "Thats why we decided to split it.";

8 个答案:

答案 0 :(得分:4)

我没试过这个,但是“System.Environment.NewLine”不能代替BR标签吗?

答案 1 :(得分:2)

您可以使用它在工具提示中插入换行符。

lblActionText.ToolTip = " First text " + Environment.NewLine + " second text ";

答案 2 :(得分:1)

您正在将字符串值传递给工具提示,这就是HTML元素<br />无效的原因。

但是你可以尝试这个ASP.Net AJAX TooltipExtender

答案 3 :(得分:1)

使用换行符字符实体(&#013;)。它很容易实现,但唯一的问题是这将在IE&amp; Chrome但不是Firefox。

lblActionText.ToolTip = "This is Going to be a long text&#013;Thats why we decided to split it.";

请参阅jsFiddle:http://jsfiddle.net/jafLf/

答案 4 :(得分:0)

这仅适用于IE,但其他浏览器不适用! 如果你想拥有一个自定义工具提示,那么请查找jQuery工具提示以获得格式化的工具提示

答案 5 :(得分:0)

您可以通过在工具提示中添加表来执行此操作:)

示例:ASP forum

答案 6 :(得分:0)

ASP.NET ToolTip属性对应于HTML title属性。

在IE和Chrome中,您只需执行以下操作:

<span title="multiline
tool
tip">Mouseover me!</span>

然而,这在Firefox中不起作用,因为它实际上遵循W3C guidelines for CDATA

  

CDATA是一系列字符   文档字符集和可能   包括字符实体。用户   代理人应该解释属性   值如下:

     
      
  • 用字符替换字符实体
  •   
  • 忽略换行,
  •   
  • 用一个空格替换每个回车或标签。
  •   

您最好的选择(考虑到您也希望更改颜色)将采用jQuery解决方案,例如QTip,它可以为您提供所需的所有自定义功能以及更多...

答案 7 :(得分:0)

您无法使用默认的title属性更改工具提示的颜色。为此,唯一的方法是使用javascript生成的工具提示。

jQuery有很多插件,例如:

  • 动态工具提示

Dynamic

  • 弹出泡泡

popup bubble

  • jQuery Horizo​​ntal Tooltips
  • Coda Popup Bubble
  • 迷死
  • TipTip
  • (mb)个工具提示
  • vTip
  • jGrowl
  • jQuery Ajax Tooltip
  • 使用jQuery的Digg风格的帖子共享工具
  • 输入浮动提示框
  • Simpletip
  • qTip
  • Orbital Tooltip

还有更多,请在此处查看:Stylish jQuery Tooltip Plugins Webdesign

您也可以使用javascript创建自己的。在元素上添加一个鼠标悬停事件,然后在您需要的任何颜色元素上显示您想要的任何html元素的隐藏div。

使用javascript方法进行跨浏览器兼容性也更安全。