高亮按钮的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

回答

相关问题