CSS 在给元素动态添加类名时设置鼠标移动背景色和点击背景色冲突
冲突设置:
button.btn {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
button.btn:hover { background-color: #ddd; }
button.active { background-color: #ccc; } 解决:只要吧鼠标移动背景设置给元素 button:hover { background-color: #ddd; }
button.btn:hover { background-color: #ddd; }
button.active { background-color: #ccc; } 解决:只要吧鼠标移动背景设置给元素 button:hover { background-color: #ddd; }