如何调整微信小程序中button标签默认边框及相关属性

追格官方小助手/ 2022年10月11日/ 小程序/ 浏览 2744

微信小程序中如果使用button标签做按钮,在默认属性中,按钮是立体的有阴影和边框。


这种效果经常会和我们自己的小程序设计风格格格不入,为了去掉这种立体风格,我们可以通过修改相关css参数来对button标签进行重置和自定义。


例如我们自定义一个带图片的分享按钮:


<button class="zhuige-share" open-type="share">
	<image src="../static/sharea.png" mode="aspectFill"></image>
	<text>分享好友</text>
</button>


通过修改button伪类的css即可去掉边框,不能仅修改button标签


.zhuige-share::after {
	border: none;
}


其他的如字体,背景色,圆角可以通过button标签或者button包含的具体标签控制。


发表评论

暂无评论,抢个沙发...

客服 工单