微信小程序button组件边框设置
在开发微信小程序button的边框是用:after方式实现的，用户如果在button上定义边框会出现两条线，需用:after的方式去覆盖默认值。
如果设置了Button的背景色，没有用:after设置边框的颜色，则button的四个角会出现模糊的尖角,以下为解决方案：
.wxss代码如下：
.clickEncryptBtn{??
??width:130px;??
??border-radius:?3px;??
??margin:20px?auto;??
??padding-top:2px;??
??font-size:14px;??
??background-color:#CC3333;??
??<strong>?border:1px?solid?#CC3333</strong>??
??color:white;??
??overflow:hidden;??
??height:40px;??
}??
修改代码如下：
.clickEncryptBtn{??
??width:130px;??
??border-radius:?3px;??
??margin:20px?auto;??
??padding-top:2px;??
??font-size:14px;??
??background-color:#CC3333;??
??color:white;??
??overflow:hidden;??
??height:40px;??
}??
<strong>.clickEncryptBtn::after{??
??border:1px?solid?#CC3333;??
}</strong>
对于button的边框设置，要放在::after里面设置，才生效，要不然会出现各种怪异现象大家在开发的时候需要注意。 （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
