S.Rajendran from Coimbatore Ответов: 2

Невозможно изменить цвет кнопки при наведении курсора мыши

Я использую главную страницу. В следующем коде я пытаюсь изменить цвет элемента управления кнопкой, который находится внутри панели.

Это не работает. Как заставить его работать.

<asp:UpdatePanel ID="dd" runat="server" UpdateMode="Conditional">
               <ContentTemplate>
               <asp:Button ID="Button5" runat="server"  Text='Herbal-Internal' Class="stylebutton" Font-Size="Small" BackColor="ControlLightLight" CausesValidation="false" OnClick="btnherbal_click" ForeColor="#666666" Style=" cursor:pointer;  font-family:Verdana;  font-weight:normal;  margin-top:28px; margin-left:0px; " BorderStyle="None" />
               </ContentTemplate>
               </asp:UpdatePanel>



.stylebutton:hover
  {
   color: white;
   background-color  :Red;
  }

2 Ответов

Рейтинг:
18

DamithSL

установите стили, как показано ниже 

<asp:button id="Button5" runat="server" text="Herbal-Internal" class="stylebutton" causesvalidation="false" onclick="btnherbal_click" xmlns:asp="#unknown" />

ваш css:
.stylebutton {
    cursor: pointer;
    font-family: Verdana;
    font-weight: normal;
    margin-top: 28px;
    margin-left: 0px;
    border-style: none;
    color: #666666;
    background-color: white;
}
.stylebutton:hover {
    cursor: pointer;
    font-family: Verdana;
    font-weight: normal;
    margin-top: 28px;
    margin-left: 0px;
    border-style: none;
    color: white;
    background-color: Red;
}

Рейтинг:
1

Sampath Lokuge

Для меня это работает.Пожалуйста, ознакомьтесь с приведенной ниже демонстрацией.

ЖИВАЯ ДЕМОНСТРАЦИЯ: JSFiddle

S.Rajendran from Coimbatore

Я использую asp.net там, где это не работает.

Sampath Lokuge

Не может быть.В конце концов он генерирует чистый html, знаете ? Проверьте это с помощью инструментов chrome dev, чтобы определить, что там происходит ? :(