最近做微信小程序的时候需要做一个弹层,上面有一个联系客服所以用了按钮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>
然后找到按钮的样式加上这行代码足矣:文章来源:https://www.toymoban.com/news/detail-520077.html
button[plain]{ border:0 }
第二种方法就是找到按钮对根本样式做一个修改:文章来源地址https://www.toymoban.com/news/detail-520077.html
button::after{
border: none;
到了这里,关于两个方法教你如何去除微信小程序button的边框的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!