html - 单击时如何更改按钮颜色

Question

我是新的 css，我很难在单击时更改按钮的颜色。通常，单击按钮时，按钮颜色会在很短的时间内变为蓝色。我想让它变成黄色。我怎样才能做到这一点？

html

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

Answer 1

这很容易。您可以通过 :active 和 :focus 状态来获取它。试试下面的代码片段。 (您可以根据需要更改颜色。)

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

button:active, button:focus  {
    background: yellow;
    color: #000;
}

<button>Click Me!</button>

由于您是 CSS 新手，如果您需要，可以阅读本文:* https://developer.mozilla.org/en-US/docs/Web/CSS