1. 程式人生 > >微信小程式,如何去掉或修改button的邊框、圓角

微信小程式,如何去掉或修改button的邊框、圓角

在寫微信小程式的時候遇到了這樣的問題:

        index.wxml檔案設定按鈕:

<button>按鈕</button>

        index.wxss設定按鈕的樣式為:

button{
  border:none;
  border-radius:0;
}

發現樣式並沒有起效果,這是因為微信小程式button的邊框、圓角是通過button::after設定的,這樣寫就能夠去掉邊框和圓角了:

button::after{
  border: none;
  border-radius: 0;
}