微信小程序如何去掉含有子控件的button边框，小程序这边的样式会给你button添加一个默认的边框，具体可以去看样式源码
网上大部分的方法都是通过伪元素来做的
.button::after {
border: none;
}
image.gif
但是这个方法对于简单的button是有效的，当button中包含子控件的时候，也是就将 plain=true的时候
<button class="button" open-type="contact" plain="true">
<image src="/static/xxx.png" mode="widthFix"></image>
<text>客服</text>
</button>
image.gif
还需要这样设置一下，让button在plain="true"的清空下，也得没有边框
.button[plain] {
border:none;
}
image.gif
微信小程序如何去掉含有子控件的button边框，小程序这边的样式会给你button添加一个默认的边框，具体可以去看...
问题描述： 微信小程序的button控件有一个灰色的边框，尝试去除边框 border:(none/0); 对按钮没...
想使用button自带的disable属性和效果，但又不需要button显示边框线button控件有一条淡灰色的边...
Button也是Android程序中非常重要的一个控件, 下面简单介绍Button的使用. 如何禁用Button文...
button边框去除 相信大家开发微信小程序时使用button会遇到一些与预期效果不同的样式问题。例如button...
微信小程序button去除边框 微信小程序的button提供了几种系统样式，但在我们开发中一般都用不上，但是有些功...
立即报名
button在开发中是个很常用的控件，为了美观有时我们会设置，button的BezlStyle，就是边框样式，一下...
ListView获取Item点击事件ListVIew子控件中包含button之类的控件，需要设置该button的A...
本文标题：小程序如何含有子控件的button的边框
本文链接：https://www.haomeiwen.com/subject/vomonktx.html
网友评论