小程序button边框去除

最新推荐文章于 2024-06-12 16:01:44 发布
最新推荐文章于 2024-06-12 16:01:44 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： 小程序笔记 文章标签： 小程序 边框 button边框 边框无法去除
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/promiseCao/article/details/86135482
版权

之前写button都是要边框的，偶然发现有个button不需要边框但是怎么也去不掉这个边框

border: 0;
outline: 0;

几乎有关边框的属性都试了还是没用，最后发现这个坑爹的家伙居然是写在after伪类里面的... 泪崩 

button::after { border: none; }

希望对有遇到一样问题的同学有所帮助，文档里也不写清除，wxnmsl

幻想山外小楼听雨
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app - 去掉 button 组件自带的边框线
王佳斌
12-16 1万+
前言 组件文档：https://uniapp.dcloud.io/component/button 有时候，我们需要去掉 button 组件自带的边框线。 解决方案 直接在该页面或全局使用以下代码： button::after { border: none }
微信小程序按钮去除边框线分享页面功能
10-18
主要介绍了微信小程序按钮去除边框线分享页面功能，文中通过一段简单的代码给大家介绍了微信小程序的button去边框的方法，感兴趣的朋友跟随脚本之家小编一起看看吧
微信小程序中button去除默认的边框实例代码
10-16
主要介绍了微信小程序中button去除默认的边框的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
taro小程序去掉button边框
zmlovelx(帅得不敢出门 程序员群31843264)
12-05 2540
taro中使用Button默认会有上下两条线，于是改成AtButton，但是会有一圈的线,如下图，有一圈阴影的边框 如果是使用Button则此按钮的css需要加上border:none比如.xxbutto:after{ border: none; } 如果是使用AtButton，则可以如此修改.xxbutton{border:none;} 不需要加after 修改后如下图 作者：帅...
uniapp写抖音小程序的button会有边框，怎么去掉
最新发布
yajia2的博客
06-12 178
最近写抖音小程序发现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的边框
徐飞的博客
05-11 5642
两个方法教你如何去除微信小程序button的边框最近做微信小程序的时候需要做一个弹层，上面有一个联系客服所以用了按钮button。uniapp的项目中button的边框在我给它的border设置为0后就不在了。但wepy中的边框加了none还是不行，后来看代码解决了这个问题，老规矩，废话不多说，直接上代码。
微信小程序button按钮去除边框
weixin_64103049的博客
03-08 956
微信小程序button按钮去除边框
微信小程序实现发送验证码按钮效果
12-29
本文实例为大家分享了微信小程序发送验证码按钮效果展示的具体代码，供大家参考，具体内容如下 首先上图，最终效果如下： 实现关键点 获取验证码按钮无边框： 可以用 button::after{ border: none; } 来去除边框...
去除微信小程序里button的边框
miin_ying的博客
12-18 2718
方法二：给button按钮加上plain属性，属性值为true。方法一：通过button::after。然后设置样式就可以去除边框了。
微信小程序：去掉button边框
一些平时在开发过程中遇到的常见问题，分享给大家
02-27 1064
我们在平时使用微信小程序时候有些功能需要通过button触发，但是按钮与我们样式有所冲突所以这个时候我们需要将button边框去掉达到我们目的
button去除黑框
滕青山博客
07-31 2万+
代码】button去除黑框。
微信小程序去掉Button自带边框
weixin_43475507的博客
04-16 323
【代码】微信小程序去掉Button自带边框。
button按钮 去除基本样式
学习路上的小刘
10-26 1053
去除按钮button 的基本样式 button { background: none !important; border: none; padding: 0 !important; margin: 0 !important; line-height: initial !important; width: auto !important; font-weight: normal !important; height: auto !important; border-radius: 0 !i
微信小程序 —— button按钮去除border边框
热门推荐
Wu_shuxuan的博客
10-11 6万+
在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用：“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。但是在微信小程序中使用:after选择器就可以实现这一功能。
微信小程序去除button边框
Xjiayi的博客
01-20 1万+
button::after{ border: none; }
如何去掉小程序中button的边框
Vernal_F的专栏
01-28 2806
三种方法： 1.button::after{display:none} 2.button::after{border-color:transparent} 3.button::after{border-width:0}
去除微信小程序button边框
05-27
要去除微信小程序button的边框，可以在对应的wxss文件中添加以下样式： ```css button { border: none; } ``` 这样就可以去除button的边框了。如果只想去除部分button的边框，可以给对应的button添加一个class，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值