微信小程序去除button边框

因为一些业务逻辑需要去除button边框；这里试了几种去除的方式；发现只有

button::after {
  border: none
}

在伪类设置才可以成功；当然也有不成功的时候；

<button type="warn" size="mini" loading="{{true}}" plain disabled="{{disabled}}"> warn </button>
<button type="warn" size="default" loading="{{true}}" plain disabled="{{disabled}}"> warn </button>
<button size="default" loading="{{true}}" plain disabled="{{disabled}}"> warn </button>
<button plain class='plain'> plain </button>

<button loading="{{true}}" open-type="contact"> loading="{{true}}";open-type="contact" </button>

<button type="warn"> type="warn" </button>
<button type="primary"> type="primary" </button>
<button type="default"> type="default" </button>

<button size="mini"> size="mini" </button>
<button size="default"> size="default" </button>
<button disabled> disabled </button>
<button> warn </button>

这里可以明显的看出，只要设置button的plain镂空属性；边框就神奇的再次出现；所以，不要加这个属性就好了；

button::after {
  border: none
}
.plain {
  border: none;
  border-color: transparent;
}