1. 程式人生 > >【小程式】解決 Android機型上button按鈕出現邊框

【小程式】解決 Android機型上button按鈕出現邊框

【小程式】解決 Android機型上button按鈕出現邊框

問題描述:
在Android機型上出現button按鈕元件,在四個角上出現邊框。在模擬器、iPhone手機上沒有邊框。


問題原因:
button控制元件上有一個偽元素(::after),雖然程式碼中設定了border : none,但是被button::after 給覆蓋了,只要把button::after 的border 屬性去掉就可以了,具體程式碼如下:

去掉預設加上的button邊框

button::after{
    border: none;
  }