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;}

突出显示Button Dreamweaver CC

1 个答案: