微信小程序button按钮怎么去掉边框

7月前作者：野猪佩奇007 分类：Toy博客阅读(71) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序button按钮怎么去掉边框。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

项目场景：

在微信小程序里写入button标签之后会有一个默认的黑色细小的边框，给他加了 border: none；也不行

代码：

<button class="kef" open-type="contact" bindcontact="handleContact">
				<image src="https://api.ezhuchina.com/images/wechat/2024/lianxi1.png" mode=""></image>
				<view class="kef1">
					咨询客服
				</view>

				<view class="kef2">
					领专属福利
				</view>
			</button>

结果如下：
微信小程序button按钮怎么去掉边框,微信小程序,小程序

解决方案：

在css样式里写入：

.kef:after{ border: none; }

即可解决
微信小程序button按钮怎么去掉边框,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-855926.html

到了这里，关于微信小程序button按钮怎么去掉边框的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

去除微信小程序里button的边框

方法一：通过button::after button::after{ border: none; } 方法二：给button按钮加上plain属性，属性值为true button plain=\\\"true\\\"/button 然后设置样式就可以去除边框了 button[plain]{ border:0 }

2024年02月04日
浏览(41)
两个方法教你如何去除微信小程序button的边框

最近做微信小程序的时候需要做一个弹层，上面有一个联系客服所以用了按钮button。uniapp的项目中button的边框在我给它的border设置为0后就不在了。但wepy中的边框加了none还是不行，后来看代码解决了这个问题，老规矩，废话不多说，直接上代码。我的方法：先给button加一个

2024年02月12日
浏览(74)
微信小程序:修改按钮BUTTON尺寸

微信小程序当中通过wxss来设置button的宽高值并不起效果，而size属性却只有两个合法值，当我们想要自定义大小时则：在标签中直接写 style即可：（当前为开发者模式无法进入会话，真机调试即可看到效果）

2024年02月11日
浏览(95)
微信小程序button按钮无法更改尺寸解决

在微信小程序新版本中, button按钮无法支持在wxss文件中直接自定义width 和 height 解决方法有两种: 1. 推荐使用: 在根目录中的app.json文件中, 删除其中的即可, 但影响性较大, 如果项目中的其他样式使用了新版本的特性, 则删除该行代码后项目中的其他样式可能会

2024年02月15日
浏览(58)
微信小程序【button按钮页面跳转】两种方式

首先，微信开发者工具打开是这个样子的红框的设置如下第一种方式：新建component（组件）只用输入一次就会出现，四个文件，form.js，form.wxss，form.wxml，form.json 在index.js文件中出现，建立在methods:{}里面第二种方式：直接建立页面，两种方式，index.js中设置是不一样的

2024年02月11日
浏览(69)
【已解决】微信小程序消除/去掉/隐藏左上角返回按钮

首先要明确的是页面间的跳转方式有几种、每一种默认的作用是什么。跳转方式：第一：wx.navigatorTo 【新页面打开，默认会有返回按钮】第二：wx.redirectTo【当前页面打开，默认无返回按钮】第三：wx.switchTab【只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切

2024年02月13日
浏览(57)
【微信小程序】按钮button组件宽设置无效解决方案

给button组件添加一个class类名，在对应的wxss中编写宽的设置样式，竟然发现无效，审查元素后发现了原因，被小程序自带的样式影响了当没有设置size=\\\"mini\\\"的属性时，被小程序自带默认样式button:not([size=mini])中设置的width:184px优先级更高给覆盖了当设置了size=\\\"mini\\\"的属性时，

2024年02月10日
浏览(130)
【微信小程序】使用button组件来实现一个带有点击效果的按钮，按钮中间添加一个大的+号图标

在微信小程序中，你可以使用 button 组件来实现一个带有点击效果的按钮，并在按钮中间添加一个大的+号图标。以下是一个示例代码：在上述代码中，我们使用了微信小程序的 button 组件，并在其中添加了一个 text 组件，文本内容为+号。使用类名为 button 的样式设置了按钮的

2024年02月16日
浏览(64)
微信小程序button组件怎么使用？

其实学过前端的小伙伴们都知道button标签是什么。是一个按钮组件功能对比HTML种的button按钮丰富通过open-type属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）更多属性进入button | 微信开放文档 (qq.com)查看属性

2024年02月09日
浏览(62)
android去除按钮(Button)背景、边框，使按钮背景透明【创建无边框按钮】

android 中的按钮是最常用到的一种控件，因此网上对于修改按钮样式的问题也非常多。在自定义样式中，有一个常见的需求就是去除按钮背景。比如下图的情况：左边的按钮图标可以使用 ImageButton 或 ImageView 来加载一个透明背景的icon。而右边只显示文字的按钮则只能使用普通

2024年02月02日
浏览(61)