2011-01-07 3 views
2

Удивление, если есть способ иметь многоцветный текст для текста кнопки ASP.NET. Или что является лучшим способом иметь многообразный текст, например. полужирный, красный цвет + нормальный черный цвет текста для кнопки ASP.NET?Многоцветный текст в ASP.NET Button

Один из способов, которым я знаю, создает изображение и использует ImageButton, который я планирую делать, если не найду другого лучшего способа.

Любые другие способы?

Обновлено:

Почему нужно ??

1: Кнопка имеет мало информативного сообщения, а часть текста должна быть разной для подчеркивания.

2: Не мой выбор.

В одном направлении я понял: используется LinkButton. Я выложу свое решение, когда оно будет готово.

+0

С коммерческой и удобной точки зрения это не имеет смысла, почему вы все равно хотите достичь этого? –

ответ

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. Если вы можете придерживаться согласованного пользовательского интерфейса или пытаться следовать рекомендациям пользовательского интерфейса, изложенным в родительской ОС, пользователь будет более знаком и удобен.

+0

Кнопка ASP.NET не позволяет этого.В качестве альтернативы я закончил использование ASP.NET LinkButton, который позволяет это. – gbs

0
  1. Вы рассматривали использование <a> тега вместо кнопки, и затем вызвать любую функцию на событии нажатия тега?

  2. Particletree (написанная ребятами по формам Wufoo) содержит информационную статью о кнопках стилизации. http://particletree.com/features/rediscovering-the-button-element/

  3. Вы уверены, что хотите текст с несколькими стилями? У вас есть примеры хорошо продуманной кнопки, которая имеет несколько стилей текста? (Я спрашиваю, потому что я не помню, когда-либо видел один ...)

  4. Для справки:

    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

Смежные вопросы