给btn添加hover、active、focus效果
去除默认的border.btn {cursor: pointer;border: 0;padding: 10px 20px;background-color: #000;color: #fff;border-radius: 5px;}去除选中时button的默认边框.btn:focus {outline: 0;}按钮悬浮的效果btn:hover {background-color: #222;}点
·
去除默认的border
.btn {
cursor: pointer;
border: 0;
padding: 10px 20px;
background-color: #000;
color: #fff;
border-radius: 5px;
}
去除选中时button的默认边框
.btn:focus {
outline: 0;
}
按钮悬浮的效果
btn:hover {
background-color: #222;
}
点击时button动画效果,按钮大小变为原来的0.98
.btn:active {
transform: scale(0.98);
}
更多推荐
所有评论(0)