移动端HTML5 input常见问题(小结)

1. 去掉input 在iOS中的默认圆角和内阴影 iOS下 input会有自带的圆角和内阴影,去掉方法如下: input{ -webkit-appearance: none; border-radius: 0; } 2. 焦点在 input 时,placeholder 没有隐藏 input:focus::-webkit-input-placeholder{ opacity: 0; } 3. input 输入框调出数字键盘 单独使用type=number时,iOS调起的并不是九宫格样式的数字键盘,如果需要调起九宫格的数字键盘需要加上 pattern=[0-