维信小程序button样式重写

最新推荐文章于 2024-07-14 00:11:56 发布

Tybyqi

最新推荐文章于 2024-07-14 00:11:56 发布

阅读量599

点赞数

CC 4.0 BY-SA版权

分类专栏：软件工程

本文链接：https://blog.youkuaiyun.com/Tybyqi/article/details/88821645

软件工程专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种重写HTML按钮样式的CSS方法，包括背景颜色、内边距、行高、字体大小、边框等属性，并演示了不同状态下的样式变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以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;
}