一:表单默认外观样式重置
表单中的input[type = "button"]、 input[type = "submit"]和input[type = "reset"]按钮在iPhone的safari浏览器下有一个圆角bug;
input[type="text"]文本输入框会有内阴影
解决办法:
input{ -webkit-appearance: none; }
正常情况显示:
iphone下显示:
二:表单元素被点击时产生的边框如何去掉(存在兼容)
a,button,input,textarea{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; }
三:改变placeholder的字体颜色
input::-webkit-input-placeholder{color:#AAAAAA;} input:focus::-webkit-input-placeholder{color:#EEEEEE;}
四:取消input下在输入时默认英文首字母大写
<input autocapitalize="off" autocorrect="off" />