button 在vivoplay6 手機中不顯示下邊框

今天在開發時遇到一個問題，如題目所示，起初毫無頭緒，覺得是元素適配的問題，或者下方有遮擋，可是定位元素後發現並非上述問題。

圖中所示爲兩個button按鈕，在iOS和其餘安卓手機中均顯示正常，可是在vivoplay6中下方邊框消失。

button是一個行內元素，這裏簡單介紹一下什麼是行內元素：

• 設置寬高無效
• 對margin僅設置左右方向有效，上下無效；padding設置上下左右都有效，即會撐大空間
• 不會自動進行換行

下邊框不顯示問題是由於button爲行內元素，給其添加屬性display: inline-block便可解決上述問題。