微信小程序button默认样式修改

微信小程序button设置背景圆角等样式在和ios和android不能达到理想效果。

在android上圆角和border还是默认的，背景色也不对；在ios手机上，样式更是惨不忍睹。

以下是相同的样式，div和button标签的对比：

image

image

经过............，最后发现需要给button标签设置以下样式

button {
  -webkit-appearance: none;

  &::after {
    border: none;
  }
}