加入收藏 插件商城
QQ咨询 官方微信

添加微信好友

 官方小程序

百度小程序

微信小程序

头条小程序

 关于我们
close
close
15137100750

小程序

首页 > 小程序 >

小程序的button无法去掉边框的问题处理方法

 admin  2018-03-03 19:03:34
小程序的button控件上下有一条淡灰色的边框，在空件上加上了样式 border:(none/0); 都没办法让button上下的的边框隐藏：

原来是因为小程序的button控件上有一个伪元素（::after），继而发现这元素上有一个border属性，默认为 border:1px solid rgba(0, 0, 0, 0.2)，虽然显示被划线，但功能在执行（钩钩打上了） 具体如图：（调试的样式列表往下拉最后）
所以问题解决了，border：none属性不是没效果，是被button::after 给覆盖了，只要把button::after 的border 属性去掉就可以了，具体代码如下：
  1. /*去掉按钮边框*/ 
  2.   
  3. button[class="btn"]::after { 
  4.   border: 0; 
  5. }  
这样就能去掉button的边框了

网站关键词 边框 程序 方法
￥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏，我们将继续分享更多优质内容，让我们一起创建更加美好的网络世界！

支付宝扫一扫打赏

微信扫一扫打赏

本文《小程序的button无法去掉边框的问题处理方法》发布于石头博客文章，作者：admin，如若转载，请注明出处：https://www.pweb123.com/xiaocheng/733.html，否则禁止转载，谢谢配合!
上一篇：phpcms开发微信小程序接口之获取栏目信息（get_categorys.php）
下一篇：thirdScriptError console.dir is not a function 报错的解决方法

您可能感兴趣

文章点评

我来说两句 已有0条评论
点击图片更换
登录 | 注册
phpcms小程序插件
dedecms小程序插件
pbootcms小程序插件
迅睿小程序插件
易优cms小程序插件
phpcms在线付费阅读插件（包含：支付宝支付模块+微信支付模块+付费阅读模块）
phpcms商城模块优化版上线
phpcms v9去掉phpsso修改方案，后台可以直接关闭
phpcms v9修改flash上传为h5上传（webuploader）
phpcms会员中心layui版
阅读排行

添加微信好友

热门栏目
首页 资讯 CMS教程 HTML基础 小程序 插件 SEO 模板
版权所有：郑州腾石网络科技有限公司 备案信息：豫ICP备18019117号-2
站长QQ：2863868475 业务合作咨询：15137100750(同微信)
本站所有投放的广告是有其他网站提供，不代表本站立场，同时网站首页广告位对外出租详情咨询本站站长！同时欢迎广大站长加入个人建站团队
网站地图 XML地图

添加微信好友

微信小程序

百度小程序