Кнопка Подсветка Dreamweaver CC

Question

Кнопка Подсветка Dreamweaver CC

0

Когда я нажимаю на кнопку, я хочу, чтобы она меняла цвет, КАК?

в настоящее время он имеет черный фон с белым текстом.

для облегчения, например, я хочу, чтобы он стал синим с белым текстом, когда я нажимаю на него.

Как мне это сделать?

заранее спасибо

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;


    }

SeeSharp 15 апр. 2014, в 14:53

Источник

Теги:

html

css

button

dreamweaver

2 ответа

0

JS

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

DEMO

4dgaurav 15 апр. 2014, в 10:51

Ещё вопросы

Daniel · Accepted Answer · 2014-04-15T10-28-00.000Z

Вы должны использовать селектор CSS: активный для этого элемента: пример JS Fiddle

И вы должны прочитать об этом подробнее: w3schools

все селектор CSS для ссылок:

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