广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    小程序的按钮的border边框怎么去掉

    来源:网络收集  点击:  时间:2024-02-13
    【导读】:
    小程序是目前的流行,有时候,我们需要在开发时,控制下里面的样式,今天,就来介绍下,如何设置样式,去掉按钮的边框。工具/原料more小程序开发者工具windows10操作系统方法/步骤1/6分步阅读

    我们首先打开小程序开发者工具,可以看到,界面上有很多我们的小程序项目,我们点击其中的一个项目,点击【打开】。

    2/6

    我们打开一个页面,在这个页面里,有一个按钮,可以看到,该按钮周围有一圈黑色的边框,如图所示。

    3/6

    我们再来打开该页面的wxml,进入该页面的代码界面,可以看到,刚才的按钮,其代码就是一个button,很显然,设置边框消失,不在这里设置。

    4/6

    我们再打开该页面的wxss,可以看到有一些样式代码,但这里没有关于button的相关设置,所以,我们可以肯定,样式设置是在wxss里设置。

    5/6

    通过以上的分析,基本可以判断,小程序的样式设置与普通的前端设置基本类似,然后我们在wxss里加上一段话:

    button::after{

    border: none;

    }

    然后保存一下,看效果。

    6/6

    当更新之后,可以看到原来的按钮的边框已经消失不见了,实现了我们的要求。

    当然也可以对button进行其他样式设置。

    如果觉得有用,记得点赞或投票支持!

    注意事项

    在开发者工具中,可以模拟,如果需要用实际手机测试,也可以。

    小程序微信开发者BUTTON边框
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_38803.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 21:16:26  耗时:0.024
    0.0243s