去掉点击出现的透明阴影--&&--去除iphone、ipad页面button默认样式--元素垂直居中

做好的页面在手机端测试时，发现部分浏览器，tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

苹果产品自带的按钮样式会覆盖自定义的按钮样式，为解决这个问题，可以将input按钮初始化：

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   

去除圆角：

.button{ border-radius: 0; } 

在页面布局中，使父元素中的子元素水平垂直居中：

采用flexbox布局：

定义父元素: display: flex;

justify-content: center;

align-items: center;