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

[复制链接]
查看: 288|回复: 3
发表于 2018-3-23 09:58:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
小程序的button控件上下有一条淡灰色的边框,在空件上加上了样式 bordernone/0); 都没办法让button上下的的边框隐藏:

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


发表于 2018-5-24 18:02:42 | 显示全部楼层
么有分,谁能送我点积分啊::>_<::
回复

使用道具 举报

发表于 2019-2-16 05:58:23 | 显示全部楼层
我只是路过打酱油的
回复

使用道具 举报

发表于 2019-2-16 17:43:13 | 显示全部楼层
额,看不懂在说神马~@_@
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 
 
工作时间:
8:00-18:00
客服热线:
15368564009
客服微信