两个方法教你如何去除微信小程序button的边框

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

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

我的方法:

先给button加一个plain属性

        <button class="contact" plain @tap="tocontact" open-type="contact">联系客服</button>
        <button class="Confirm" plain @tap="goNext">我知道了</button>

然后找到按钮的样式加上这行代码足矣:

    button[plain]{ border:0 }

第二种方法就是找到按钮对根本样式做一个修改:文章来源地址https://www.toymoban.com/news/detail-520077.html


button::after{
  border: none;

到了这里,关于两个方法教你如何去除微信小程序button的边框的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 七招教你如何做好微信小程序优化推广

    网络的发展越来越快,不断有新的产品在互联网涌现出来,手机里的软件也是下载了一个又一个。微信小程序的出现给人们的生活提供了一种更为便捷的选择。但是,怎么样在数量庞大的同行中超越竞争对手,让自己的产品受到关注呢?这就需要一些小小的心机了。这里小柚

    2024年02月03日
    浏览(70)
  • 视频中的水印如何去除?教你几种简单去除视频水印方法

    视频中的水印如何去除掉呢?如果我们经常观看视频,可能会注意到一些视频上有水印。水印是在视频中嵌入的品牌标志或文字。这些水印可能会影响视频的观感,去除水印可以帮助我们在学习和研究方面更有效地使用视频资源。有时候,我们可能需要将视频插入到演示文稿

    2024年02月16日
    浏览(27)
  • 教你如何利用微信小程序高效地完成地图点位标注

    如今,移动互联网技术飞速发展,微信小程序以其方便快捷的特点受到了广泛的欢迎。在这篇文章中,我将会介绍如何利用微信小程序实现地图点位功能,帮助大家更好地了解和使用地图服务。让我们一起来看看吧。 首先,我们需要使用微信小程序提供的地图组件来展示地图

    2024年02月12日
    浏览(69)
  • 微信小程序:去掉button默认样式

    去除button默认样式: 实例: 分享按钮 用户需要点击按钮分享当前页面,不过按钮样式需要自定义 通过绝对定位,让button在自定义元素之上,以便用户点击

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

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

    2024年02月11日
    浏览(41)
  • 微信小程序button组件怎么使用?

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

    2024年02月09日
    浏览(32)
  • 微信小程序button按钮怎么去掉边框

    代码: 结果如下: 在css样式里写入: 即可解决

    2024年04月23日
    浏览(37)
  • 教你如何使用自定义测试(Minium)进行微信小程序自动化测试

    目录 前言: 一、 编写用例 基本操作 处理小程序API 处理小程序原生控件 数据驱动 二、 执行用例 本地执行 云测服务测试 三、 最佳实践 四、总结 前言: 微信小程序自动化测试是保障小程序质量的重要手段,Minium是一个可为微信小程序编写自定义测试的自动化测试框架。它

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

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

    2024年02月15日
    浏览(38)
  • 微信小程序原生button组件使用并修改样式

     想使用原生button组件,但是想使用不同样式 注意type使用得type必须和修改时选择器样式(button[type=default])一样,才能对其修改样式,否则样式不会被修改 如果是多端适配,需要使用type为default再修改样式  

    2024年02月14日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包