강조 버튼 Dreamweaver CC

Question

버튼을 클릭하면 색상을 변경하고 싶습니다.

현재 흰색 배경에 검은 색 배경이 있습니다.

예를 들어, 그것을 클릭하면 흰색 텍스트로 파란색으로 변하기를 원할 것입니다.

어떻게하면됩니까? 사전에는

감사

HTML 코드

<form method="post" action="<?=$_SERVER['PHP_SELF'];?>"> 
<table> 
    <tr><td> 
    <button onClick="btnSave" id="btnOnclick">Save</button> 
    </td></tr> 
</table> 
</form> 

CSS 코드

#btnOnclick 
{  
     color:#CCC; 
     width: 75; 
     margin-left: 50px; 
     margin-right:auto; 
     border: 1px outset #FFF; 
     margin-bottom:20px; 
     margin-top:10px; 
     font-size:15px; 

    /*gradient*/ 
    background:-moz-linear-gradient(top, #000, #333); 
    background:-webkit-gradient(linear, left top , left bottom, from(#000), to(#333)); 

    border-radius:15px; 
    -moz-border-radius:15px; 
    -webkit-border-radius:15px; 

    /*shadows*/ 
    box-shadow:3px 3px 10px #000; 
    -moz-box-shadow:3px 3px 10px #000; 
    -webkit-box-shadow:3px 3px 10px #000; 


    } 

Answer 1

당신은 CSS 셀렉터 사용한다

:이 요소의 활성을 : JS Fiddle example

그리고 당신은해야 이것에 대해 더 자세히 읽어보십시오. 여기 : w3schools

모든 링크에 대한 CSS 선택기 :

a:link {color:green;} 
a:visited {color:green;} 
a:hover {color:red;} 
a:active {color:yellow;} 

Answer 2

JS

$('#btnOnclick').click(function(){ 
    $(this).css({color: 'blue'}); 
}); 

DEMO