Question

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

我知道的一种方法是创建一个Image并使用ImageButton，如果我找不到其他更好的方法，我打算这样做。

还有其他方法吗？

更新

为什么需要？

1：该按钮几乎没有提供信息，部分文字需要不同才能强调。

2：不是我的选择。

我想出的一种方法：正在使用LinkButton。我会在准备好后发布我的解决方案。

Answer 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准则，那么用户将更加熟悉和舒适。

Answer 2

这是我的解决方案：

 .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>

Answer 3

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

Apple Mac UX指南和按钮： 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

ASP.NET按钮中的多色文本

3 个答案: