高亮按鈕的Dreamweaver CC

當我點擊一個按鈕，我希望它改變顏色，怎麼樣？高亮按鈕的Dreamweaver CC

目前有黑色背景白色文字basicly。

，以方便例如，我希望它變成藍色，白色文字，當我點擊它。

我如何做到這一點？

提前感謝

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; 


    }

來源

2014-04-15 SeeSharp

你應該使用CSS選擇器：積極爲這個元素： JS Fiddle example

，你應該閱讀更多關於這個在這裏： w3schools

的鏈接CSS選擇：

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

來源

2014-04-15 12:08:07 Daniel

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

DEMO

來源

2014-04-15 12:14:42 4dgaurav

高亮按鈕的Dreamweaver CC

回答

相關問題