微信小程序去除原生button样式的问题!

问题:微信小程序原生button的样式如何修改?

解决:
1、行内样式

<button style="background-color: #fff;border-radius: 0;margin:0rpx;padding:0rpx;display:inline-block;line-height:1.6;color:#323233;font-size: 30rpx;"> 我是按钮 </button>

这里要注意:display:inline-block;line-height:1;必须加上,否则原生按钮的大小没办法改变。

2、去掉边框

css中:/* 去掉button的边框 */ button::after{ border:none }

还是存在一些问题:文字大小的问题!大小设置真机上和工具上不太一样!不知道为什么
2024.04.26

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值