在微信小程序中是怎么修改button样式的

Posted 2023-04-26

删除原有的 type 属性，自己添加 class 即可，class 代码写在 wxss 文件中。如下：
<button class="myClass"></button> 参考技术A .myClass
border-radius:70rpx;
background-color:#FFA500;
width:327rpx;
text-align:center;
color:#FFFFFF;
position:absolute;
left:200rpx;
display:block;
line-height:54px;
margin-bottom:80rpx;
margin-top:30rpx;
参考技术B

直接在style里写

<button style='opacity: 0.8; font-size: 32rpx;color: #ffffff; background-color: #ff6633;border-radius: 10rpx;'>按钮</button>

参考技术C 要用伪类选择器 参考技术D 最佳答案的方法并不能改变样式

微信小程序在微信上怎么显示？

参考技术A 通讯录里搜索“小程序示例”就出来了 参考技术B 1、直接在首屏“微信”中搜索
直接在微信的首屏搜索栏中搜索相应的小程序名称，则会出现相应的微信小程序，且搜索结果按照“小程序——公众号——朋友圈——相关文章”的顺序排列。
2、微信“发现”界面中的“小程序”入口
在微信“发现”界面最下面一栏，出现了“小程序”入口。不过，目前这个入口并不是所有人都能看到，小编在0点之后并未看到“小程序”入口，也是在使用过几款小程序之后才触发出现了该入口。
而直接点击进入后，小程序仅支持搜索功能，并没有对任何小程序进行分类或者展示，而在搜索栏以下，则仅收纳了用户此前搜索并使用过的小程序。
3、通过好友分享后点击进入
通过好友或者是微信群分享的小程序链接，也将成为微信小程序的最重要传播路径。你可以在进入小程序名片界面后点击右上角，把它推荐给你的朋友或者群。
而小程序分享之后，网易科技目前体验到的小程序分享界面，主要分为以下两类：一类仅为名称的名片，另一类则会有小程序的使用界面。本回答被提问者和网友采纳