html中一些語意化標籤會有默認的樣式，像button標籤就有顏色，陰影，圓角。這些完美的“假象”在Chrome瀏覽器和實際的真機顯示是不一樣的。我就被實實在在的坑了一回。
在Chrome的移動端調試模式下，button會有一個默認的跟隨系統的顏色：
顯示的效果也是不錯的：
可是這個顏色，在真機上默認是白色的，如果你的背景是白的色話，這個按鈕就被隱藏了。
沒有啥更好的解決辦法的，直接給button加上自己定義的顏色就可以了：
button{
background-color: #ccc;
}
以上就是我遇到的坑，是自己太粗心了。如果我理解有錯，歡迎指正，謝謝！