button的 边框是用:after方式方法实现的 ，用户如果在button上定义边框会出现两条线，需用:after的 方式去覆盖（Cover)默认值。如果设置了Button的 背景色，没有用:after设置边框的 颜色，则button的 四个角会出现模糊的 尖角。如下图所 ..
button的 边框是用:after方式方法实现的 ，用户如果在button上定义边框会出现两条线，需用:after的 方式去覆盖默认值。
如果设置了Button的 背景色，没有用:after设置边框的 颜色，则button的 四个角会出现模糊的 尖角。
宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。如下图所示：
如上图四个角会模糊。wxss代码（code）如下：。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; }
在这里设置了边框的 样式，但是没有生效。
修改：将。wxss代码（code）修改如下：。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属性(property)里面。效果如下：
从上图可以看出，四个角不模糊了。宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
总结(zǒng jié)：对于button的 边框设置，要放在::after里面设置，才生效，要不然会出现各种怪异现象
