search

o2team / H5Skills

移动端开发技巧集合
831 stars 80 forks source link

input 标签相关样式 #32

Open ONE-SUNDAY opened 7 years ago

ONE-SUNDAY commented 7 years ago

修改 iOS 下 input disabled 颜色

input:disabled {
    -webkit-text-fill-color: #ddd;
}

设置 input 标签 placeholder 属性的样式

.example::-webkit-input-placeholder {
    color: red;
}

取消 input 默认样式

input {
    border: none;
    background: none;
    appearance: none;
    border-radius: 0;
}

取消点击 a、button、input 标签后区域半透明遮罩

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

关闭 iOS 默认输入法首字母大写

<input type="text" autocapitalize="off">