微信小程序：button组件的边框设置_微信小程序设置按钮边框,微信小程序button边框颜色 - CSDN文库

5星 · 超过95%的资源 159 浏览量更新于2023-05-03 评论收藏 49KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序：微信小程序：button组件的边框设置组件的边框设置

button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认

值。如果设置了Button的背景色，没有用:after设置边框的颜色，则button的四个角会出现模糊的尖角。如下图所 ...

button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认值。

如果设置了Button的背景色，没有用:after设置边框的颜色，则button的四个角会出现模糊的尖角。如下图所示：

(此图片来源于网络，如有侵权，请联系删除! )

如上图四个角会模糊。.wxss代码如下：

1. .clickEncryptBtn{

2. width:130px;

3. border-radius: 3px;

4. margin:20px auto;

5. padding-top:2px;

6. font-size:14px;

7. background-color:#CC3333;

8. <strong> border:1px solid #CC3333</strong>

9. color:white;

10. overflow:hidden;

11. height:40px;

12. }

在这里设置了边框的样式，但是没有生效。修改：将.wxss代码修改如下：

1. .clickEncryptBtn{

2. width:130px;

3. border-radius: 3px;

4. margin:20px auto;

5. padding-top:2px;

6. font-size:14px;

7. background-color:#CC3333;

8. color:white;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论10

被要求改名字

2023-06-20

如果你正在为button组件的边框设置烦恼，赶快看看这篇文章，或许能够帮助到你。

weixin_38727199

粉丝: 8
资源: 909

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈