:hover选择器:active选择器和:focus选择器
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;
:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;
.el-button--danger:focus {
background: #FF4949;
border-color: #FF4949;
color: #FFF;
}
.el-button--danger:active {
background: #FF4949;
border-color: #FF4949;
color: #FFF;
}
.el-button--danger:hover {
background: #FF4949;
border-color: #FF4949;
color: #FFF;
}