微信小程序 button按钮修改宽高样式

问题

<button class="button-name" >按钮</button>

按钮样式只有 size=‘default’ 和 size=‘mini’ 两种样式。
打开调试器中可以看到

1. button:not([]) 的style中看到height和width的信息，故可增加.button-name:not的样式来修改按钮样式
2. button 的style中可以修改圆角和边距、按钮颜色、字体等等

解

.button-name:not([size='mini'])
{
  /* 修改宽高 */
  height: 100rpx;
  width: 90%;
}

.button-name
{
  /* 修改圆角→直角 */
  border-radius: 0;
  
  /* padding */
  padding: 0;
}