<asp: рывок текста кнопки в IE8 +

Question

Текст внутри кнопки дергается или сдвигается вниз на несколько пикселей.

<div>
<asp:Button runat="server" ID="Button1" CssClass="ButtonClass" Text="" runat="server" />
</div>

ascx.cs:

Button1.Text = LocalizationResourceManager.GetLocalizedValue("Button_Text");

CSS:

.ButtonClass{
 background: url('/Button.png') no-repeat scroll 0 0 transparent;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 height: 33px;
 padding-bottom: 7px;
 padding-right: 19px;
 width: 180px;
 border: solid 0px;
 color: #fff!important;
 background-position: 0px -31px;
}

Если бы был <span>Однако я мог бы использовать:

{position:relative;top;0;left:0;}

поскольку span нельзя использовать внутри asp:buttonЯ хочу исправить это для самой кнопки.

Я старался:

<asp:LinkButton ID="Button1" runat="server" CssClass="ButtonClass">
    <span runat="server" id="ButtonText"></span>
</asp:LinkButton>

ascx.cs:

 ButtonText.text = LocalizationResourceManager.GetLocalizedValue("Button_Text");

У меня ошибка:Error 9 'System.Web.UI.HtmlControls.HtmlGenericControl' does not contain a definition for 'text' and no extension method 'text' accepting a first argument of type 'System.Web.UI.HtmlControls.HtmlGenericControl' could be found (are you missing a using directive or an assembly reference?)

Что мне здесь не хватает?

Answer 1

Не уверен, что ваш CSS действительно применяется к кнопке, но если вы хотите использовать span внутри кнопки, почему бы не изменить свой элемент управления на кнопку ссылки, например, так:

<asp:LinkButton ID="Button1" runat="server" CssClass="Button1">
<span>Register 2</span>
</asp:LinkButton>

Редактировать:

<asp:LinkButton ID="Button1" runat="server" CssClass="Button1">
<span>
<asp:Label ID="ButtonText" runat="server" ></asp:Label>
</span>
</asp:LinkButton>

Я думаю, что это должно работать для вас.