移动端输入框的那些事

1.在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入。加一个样式-webkit-user-select:text就可以了。

2.css对div contenteditable的placeholder的效果：

1 .text:empty::before {
2   position: absolute;
3   left: 10px;
4   top: 0;
5   content: "请填写详细地址";
6   color: rgb(169, 169, 169);
7 }

3.<input placeholder="输入数字" type="text" pattern="[0-9]*"> 会调用无* #的数字键盘.

4.修改iphone下的disabled字体颜色

input:disabled{  
    color:red;
    opacity: 1;
    -webkit-text-fill-color: red;
}