记录一下我做微信小程序以来,button组件无法自定义样式的问题和其解决方法。小程序的button组件有其默认的样式,它默认的样式有时候不适合我们项目开发,所以我们需要自定义其样式。(源代码在文章结尾)

wxss-----button修改样式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

wxss-----calss修改样式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
用class修饰与button直接修饰的主要区别为button直接修饰修改不了button组件的宽,能修改高;用class修饰则可以修改其宽高。

wxss代码
testBt:not([size='mini']){ display: flex; align-items: center; justify-content: center; background-color: red; margin-top: 15rpx; padding: 0rpx; width:200rpx; height:70rpx; border-radius: 40rpx; color: white; }.

本人自己做了一个完整的图文分享、点赞、收藏云开发小程序,可以用来做毕业设计、图文分享项目,操作简单,利用腾讯免费赠送的云开发空间就可以完成所有操作,节省成本、方便快捷,当天就可以上线!
链接:https://download.csdn.net/download/weixin_52658156/20238876

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐