移动端输入框的那些事

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

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

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

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

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

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