单击时如何更改按钮颜色

时间:2017-06-15 18:17:50

标签: html css

我是新的CSS,点击时我很难改变按钮的颜色。通常,单击按钮时,按钮颜色会在很短的时间内变为蓝色。我希望它变成黄色。我怎样才能做到这一点?

HTML

<button id="btn">Hi</button>

1 个答案:

答案 0 :(得分:1)

  

这很容易。您可以通过:active州获取此信息。试试下面的片段。 (您可以根据需要更改颜色。)

&#13;
&#13;
button {
    background: #0095ff;
    border: none;
    padding: 10px 20px;
    color: #fff;
    outline: none;
}

button:active {
    background: yellow;
    color: #000;
}
&#13;
<button>Click Me!</button>
&#13;
&#13;
&#13;

由于您不熟悉CSS,如果您需要,可以在以下情况下阅读: https://www.w3schools.com/css/default.asp