단추 호버 색칠

Question

명확성을 위해 해상도를 변경 한 후에 편집되었습니다.

버튼 위로 마우스를 가져 가면 기본 파란색에서 다른 색상으로 변경하고 싶습니다. 모든 CSS 단추를 완전히 재정의 할 필요없이이 작업을 수행하고 싶습니다. 나머지 채점을 그대로 두면서 호버 색상을 덮어 쓰려고합니다.

갤러리 :

일반적으로는,이입니다 : 유혹, 그것은이있다 :

내가 가져가에 강조 표시 색상을 변경하고 싶습니다.

편집 :

시도 적이 :

.Cancel:hover 
    { 
     background: linear-gradient(black, white); //Tried these separately 
     background-color:Red; 
    } 

하고 버튼 마크 업 :

이

<asp:Button ID="btnPprGrdsCancelRefresh" runat="server" Text="Cancel/Refresh" CssClass="Cancel" /> 

선형 그라데이션은 아무것도하지 않을 것으로 보인다 및 배경색의 색상을 변경 버튼 위에있는 마스크가 아닌 버튼.

button:hover { 
    background-color: #f00; 
} 

그러나, 스타일링 폼 컨트롤은 일반적으로 까다 롭습니다 :

Answer 1

:hover 의사 클래스는 것으로한다. 브라우저가 기본 스타일로 버튼을 렌더링하게하려면 마우스를 올려 놓을 때 배경색을 변경하면 효과가 없습니다. 테두리와 같은 다른 속성도 변경됩니다 (as this live example demonstrates). 브라우저와 운영 체제가 모든 상태에서 컨트롤의 모양을 결정하게하거나 모든 상태에 대해 자신 만의 스타일을 만들도록 선택해야합니다.

Answer 2

button:hover{ 
//style color here 
}