维信小程序button样式重写

以primary按钮为例:

/**重写默认按钮样式**/
button[type='primary'] {
background: red;
padding: 5px 0px;
line-height: 30px;
font-size: 14px;
border: 0px;
border-radius: 0px;
margin: 10px 20px;
}
/**边框样式重写**/
button[type='primary']::after {
border: 0px solid black;
border-radius: 0px;
}
/**鼠标按下**/
button[type='primary']:active {
background: rgb(212, 96, 96);
}
/**鼠标滑过,点击过程**/
.button-hover[type=primary] {
background: transparent;
}

猜你喜欢

转载自blog.csdn.net/Tybyqi/article/details/88821645