微信小程序去掉button的边框

最新推荐文章于 2024-06-23 18:17:30 发布
最新推荐文章于 2024-06-23 18:17:30 发布
阅读量443 收藏
点赞数 2
分类专栏： 微信小程序开发 文章标签： 微信小程序 css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z_H86/article/details/123439670
版权

首先要确保button的样式不要镂空，也就是plain属性值不能为true，否则样式不能生效。
如果不想要背景颜色就在wxss中自定义白色的背景颜色。然后用
类名::after{border:none}

.phonenumber_login{
  background-color: #fff;
}
.phonenumber_login::after{
  border: none;
}

就可以去掉边框了
在这里插入图片描述

Kunkun只喝怡宝
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序button去掉边框
kerryqpw的博客
01-16 1179
微信小程序button去掉边框 实现代码： .checkshoppingbutton{ width: 21.2vw;height: 14.6vw;background: #fff;text-align: center;position: relative; } .checkshoppingbutton::after{ border: 0px solid #b
微信小程序中button去除默认的边框实例代码
11-30
本篇将详细讲解如何在微信小程序中去除button的默认边框，并提供实例代码。 首先，微信小程序中的button组件有自己的默认样式，包括但不限于边框、内边距、字体大小、文字居中等。如果想要完全去除这些默认样式，...
微信小程序：去掉button边框
一些平时在开发过程中遇到的常见问题，分享给大家
02-27 1172
我们在平时使用微信小程序时候有些功能需要通过button触发，但是按钮与我们样式有所冲突所以这个时候我们需要将button边框去掉达到我们目的
微信小程序-button按钮取消边框
最新发布
The_Night_Shadow的博客
06-23 141
微信小程序-button按钮取消边框。
去除微信小程序里button的边框
miin_ying的博客
12-18 2749
方法二：给button按钮加上plain属性，属性值为true。方法一：通过button::after。然后设置样式就可以去除边框了。
去除微信小程序的button组件的边框
abc589721的博客
03-13 240
在微信开发者工具里面的调试器上看不到元素的伪类，所以不容易找到那个边框。实际上微信的button的边框是用伪类实现的，所以用伪类样式去掉。 button:after { 　　border: none; } 转载于:https://www.cnblogs.com/coconutGirl/p/8557005.html...
微信小程序去掉Button自带边框
weixin_43475507的博客
04-16 333
【代码】微信小程序去掉Button自带边框。
微信小程序：button组件的边框设置
03-29
button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认值。如果设置了Button的背景色，没有用:after设置边框的颜色，则button的四个角会出现模糊的尖角。如下图所...
微信小程序中button组件的边框设置的实例详解
11-29
首先，我们要知道微信小程序中的Button组件的边框不是通过常规的`border`属性直接设置的，而是通过CSS伪元素`:after`来实现。这是因为Button组件的默认样式可能会与自定义边框产生冲突，导致两条边框线同时显示。...
如何去除微信小程序里面的button按钮边框
热门推荐
qq_44890362的博客
12-31 1万+
1.今天在做小程序项目的是后遇到了一个问题，就是我使用了button按钮，但是它会显示边框，我怎么都去不掉，不知道这个样式问题大家遇到过没有。 2.后来通过查阅资料找到了两种解决方法 2.1 一种：因为button的样式是通过button::after设置的，所以我们可以修改它去解决。 button::after{ border: none; } 2.2二种:首先我们给button按钮加上plain属性，属性值为true <button plain="true">&l
微信小程序button边框的去除
Mercwang的博客
08-19 1777
小程序button默认样式带一个灰色的border, 就像这样: 我试过直接覆盖, 发现毫无效果, 原本的灰色边框和我自己加的会重叠: 如果需要改变颜色需要先去除掉这个border:  /*先去除掉button自带的边框*/ button::after{ border: none; } /*添加边框*/ button{ background: RGBA(246, 222, ...
去除小程序button标签的边框
weixin_51375107的博客
07-28 462
小程序button默认有一个边框，使用border:none 并不能将其去除，给button的后伪元素设置 border:none才能去除 button::after{ border:none }
去掉微信小程序button边框
S筱潇S四维Smile
06-11 645
button::after{ border: none; }
微信小程序button按钮怎么去掉边框
qq_45067263的博客
04-11 1562
微信小程序button按钮怎么去掉边框。
微信小程序按钮去除边框线，分享页面
asz3343的博客
01-31 305
有一个需求是分享当前页面，使用美工的分享按钮图片来分享，而小程序分享功能只有button有 open-type="share"这个属性，使用image标签肯定不行。我是这样做的： <button open-type="share" style="height:85rpx;width:215rpx;padding:0;background-color:#fff;bord...
微信小程序去掉button边框
海贼王某人的博客
05-11 161
button { margin: 0; padding: 0; background-color: inherit; position: static; } button:after { content: none; } button::after { border: none; }
小程序去除button的边框
咔咔博客
08-22 1272
&lt;button class='auth' open-type="getUserInfo"&gt;创建你的微官网&lt;/button&gt; .auth{ background: none !important; color: #000 !important; } button::after { border: none }
去除微信小程序button边框
05-27
要去除微信小程序button的边框，可以在对应的wxss文件中添加以下样式： ```css button { border: none; } ``` 这样就可以去除button的边框了。如果只想去除部分button的边框，可以给对应的button添加一个class，然后在wxss文件中使用该class选择器来添加样式。例如： ```html <button class="no-border">按钮</button> ``` ```css .no-border { border: none; } ``` 这样只有class为"no-border"的button才会去除边框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值