微信小程序button修改边框样式after

在微信小程序中，有些功能必须使用button组件（例如：获取用户手机号 (bindgetphonenumber)，微信小程序文档官方传送门）,如果使用view等组件，然后设置这个属性，点击是无法触发微信手机号授权的，必须使用button组件
我们接入button后

   <button class='sure'>确定</button>

.sure{
    
    
   border-radius: 20px;
}

效果如下

可以看到边框有灰色的细线，
当我们把.sure配置一下border设置为透明，依旧存在灰色的边界线

.sure{
    
    
    border-radius: 20px;
    border:none;
}

解决方案：使用after选择器

.sure{
    
    
    border-radius: 20px;
}
.sure::after{
    
    
    border:none;
}

使用后效果如下：