2011-01-07 27 views
2

想知道是否有辦法爲ASP.NET按鈕文本提供多色文本。 或者什麼是最好的方式來多種文字的例如粗體,紅色+正常的黑色文本爲ASP.NET按鈕?ASP.NET中的多色文本按鈕

我知道的一種方法是創建一個Image並使用ImageButton,如果我沒有找到其他更好的方法,我打算這麼做。

還有其他方法嗎?

更新時間:

爲什麼需要?

1:該按鈕的信息量很少,部分文字需要強調不同。

2:不是我的選擇。

我想出了一種方法:正在使用LinkBut​​ton。準備好後我會發布我的解決方案。

+0

從商業和用戶友好的角度來看,這沒有任何意義,爲什麼你要實現這一點呢? – 2011-01-07 00:42:36

回答

1

這裏是我的解決方案:

.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> 
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準則,用戶將會更加熟悉和舒適。

+0

ASP.NET按鈕不允許。或者我最終使用ASP.NET LinkBut​​ton,它允許。 – gbs 2011-01-07 03:55:32

0
  1. 你有沒有使用<a>標籤,而不是一個按鈕, ,然後調用標籤上的點擊事件的任何功能考慮?

  2. Particletree(由Wufoo窗體背後的人寫的)有一個 關於樣式按鈕的信息性文章。 http://particletree.com/features/rediscovering-the-button-element/

  3. 您確定要使用多種樣式的按鈕文字嗎? 你有沒有精心設計的按鈕,有 多種文字樣式的例子? (我問,因爲我不記得曾經看到一個......)

  4. 參考:

    蘋果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