vue-bootstrap 如何自定义按钮点击是的样式

Question

.btn-secondary {
    color: #000;
    background-color: rgb(253, 255, 135);
    border-color: rgb(253, 255, 135);
}

.btn-secondary:hover {
    color: #000;    
    background-color: rgb(253, 255, 135);
    border-color: rgb(253, 255, 135);
}
/*无效的方法*/
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus {
    color: #000;    
    background-color: rgb(253, 255, 135);
    border-color: rgb(253, 255, 135);
}

hover 和普通颜色都实现，但是点击时的颜色和点击后的边框不知道如何自定义。
不喜欢饿了吗 一股油腻感觉