mhamad zarif Ответов: 4

Как изменить цвет кнопки ссылки при наведении курсора мыши ?

Всем привет ,

Я пытаюсь изменить цвет кнопки ссылки при наведении курсора мыши, но это не работает :

Это мой код :

<style type="text/css">
       .simple
       {
           color: Red;
       }
       .simple:hover
       {
           color: #1A0006;
       }
   </style>

<table width="100px" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td valign="top" style="width: 40px">
                                <asp:LinkButton CssClass="simple" ID="LinkButton2" ValidationGroup="culture" Text="العربية"

                                    runat="server" ForeColor="Black" Style="text-decoration: none;"></asp:LinkButton>
                            </td>
                            <td valign="bottom" runat="server" id="borders" style="width: 20px;">
                                <img src="images/Capture.PNG" />
                            </td>
                            <td valign="top" style="width: 40px">
                                <asp:LinkButton CssClass="simple" ID="LinkButton1" ValidationGroup="culture" Text="ENGLISH"

                                    runat="server" ForeColor="Black" Style="text-decoration: none"></asp:LinkButton>
                            </td>
                        </tr>
                    </table>


Пожалуйста помочь .

4 Ответов

Рейтинг:
28

Ra-one

Удалить свойство Forecolor

и добавьте следующее !Важно, чтобы он взял только этот стиль, а не унаследованный...

<style type="text/css">
       .simple
       {
           color: Red !important;
       }
       .simple:hover
       {
           color: #1A0006 !important;
       }
   </style>


наслаждаться

Рейтинг:
0

Dev S

Используйте javascript для назначения css для событий мыши над кнопкой.

Рейтинг:
0

sravani.v

Обратитесь к этому:

http://www.eggheadcafe.com/community/csharp/2/10187531/linkbutton-color-change-on-mouse-over-in-aspnet.aspx[^]

Рейтинг:
0

subhashree chinaray

ПОПРОБУЙТЕ, ЭТО РАБОТАЕТ.......



функция LinkBtnMouseOver(e) {
отладчик;
е.clsHomePgLinkBtnMouseOver параметр className ='';
e. ForeColor = " красный"
}
функция LinkBtnMouseOut(e) {
e. className = 'clsHomePgLinkBtnNormal';
e. ForeColor = " зеленый"
}




. clsHomePgLinkBtnNormal { цвет: синий;}
. clsHomePgLinkBtnMouseOver { цвет: красный;}


&ЛТ;как ASP:linkbutton элемент ID="lnkbtnProvider" атрибут runat="сервер" текст="&ЛТ;%# Ивала(" поставщик")%&амп;ГТ;"="" размер шрифта="10 пт" onmouseover модели="LinkBtnMouseOver(это)" onmouseout="LinkBtnMouseOut(это)" описание:АСП="#неизвестный"&ГТ;

Это работает.....