如何改变点击时的按钮颜色

Question

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

HTML

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

Answer 1

这很容易。你可以通过:active得到这个状态。试试下面的代码片段。 （你可以改变颜色根据您的需求。）

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

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

<button>Click Me!</button>

当你是新的CSS，如果你需要，那么你可以，如果你想阅读：https://www.w3schools.com/css/default.asp