ASP.NET 按钮中的多色文本答案

【问题标题】：Multi-color text in ASP.NET ButtonASP.NET 按钮中的多色文本
【发布时间】：2011-06-05 00:32:36
【问题描述】：

想知道是否有办法为 ASP.NET 按钮文本设置多色文本。或者拥有多样式文本的最佳方式是什么，例如ASP.NET 按钮的粗体、红色 + 普通黑色文本？

我知道的一种方法是创建一个图像并使用 ImageButton，如果我没有找到任何其他更好的方法，我打算这样做。

还有其他方法吗？

更新：

为什么需要？？

1：按钮的信息信息很少，部分文字需要不同以进行强调。

2：不是我的选择。

我发现的一种方法：使用 LinkButton。准备好后，我会发布我的解决方案。

【问题讨论】：

从商业和用户友好的角度来看，这没有意义，为什么还要实现呢？

标签： asp.net jquery css

【解决方案1】：

我相信 XHTML 架构允许您这样做：

<button><span>Hello</span> <span>World</span></button>

您可以使用 CSS 进行相应的样式设置。

.button span { color: red; }
.button span:first-child { color: blue; }

对于 ASP.NET 按钮，您可能会编写类似的东西，但实际上这不是一个很好的 UX 推荐。如果您可以保持一致的 UI，或者尝试遵循父操作系统概述的 UI 准则，用户会更加熟悉和舒适。

【讨论】：

ASP.NET 按钮不允许这样做。或者，我最终使用了允许这样做的 ASP.NET LinkButton。

【解决方案2】：

您是否考虑过使用<a> 标签而不是按钮，然后在标签的点击事件上调用任何函数？
Particletree（由 Wufoo 表单背后的人编写）有一个关于样式按钮的内容丰富的文章。 http://particletree.com/features/rediscovering-the-button-element/
您确定要具有多种样式的按钮文本吗？你有一个设计良好的按钮的例子吗？多种文字样式？（我问是因为我不记得曾经见过……）
供参考：

Apple Mac 用户体验指南和按钮： http://developer.apple.com/library/mac/#documentation/userexperience/conceptual/applehiguidelines/XHIGControls/XHIGControls.html#//apple_ref/doc/uid/TP30000359-TPXREF186

Windows Vista UX 指南和命令按钮：

http://msdn.microsoft.com/en-us/library/aa511453.aspx

【讨论】：

【解决方案3】：

这是我的解决方案：

 .btndiv
    {
        border-style: outset;
        background-color: Lime;
        color: Black;
        width: 200px;
        height: 50px;
        text-align: center;
    }
    .btndiv a
    {
        text-decoration: none;
        color: black;
    }

<p class="btndiv">
    <asp:Linkbutton id="LinkButton1" runat="server"> 
      <span style="color:Red;font-weight:bold">Welcome Back! </span><br /> 
      <span> Click to Enter the site.</span> 
    </asp:Linkbutton>
</p>

【讨论】：