input输入框设置样式

input清除自带样式

1. input, textarea,label, button,select,img,form,table,a{
2.     -webkit-tap-highlight-color: rgba(255,255,255,0);
3.     -webkit-tap-highlight-color: transparent;
4.     margin: 0;
5.     padding: 0;
6.     border: none;
7. }
8. /*去除iPhone中默认的input样式*/
9. input, button, select, textarea{
10.     -webkit-appearance:none;
11.     -moz-appearance:none;
12.     appearance:none;
13.     border:none;
14.     outline: none;
15.     resize:none;
16. }
17. input::-webkit-outer-spin-button,
18. input::-webkit-inner-spin-button {
19.     -webkit-appearance: none;
20. }

复制代码

input默认样式

1. input::-webkit-input-placeholder{color:#C0C4CC}
2. input:-moz-input-placeholder{color:#C0C4CC}
3. input::-ms-input-placeholder{color:#C0C4CC}
4. input::placeholder{color:#C0C4CC}

复制代码

或

1. input::placeholder,  input::-ms-input-placeholder, input::-webkit-input-placeholder,input::-moz-placeholder{
2. color: #e6e6e6;
3. }

复制代码

input为某种类型设置样式

1. input[type="number"]{
2.     -moz-appearance: textfield;
3. }

复制代码

input禁止（disable）设置样式

1. input:disabled,input[disabled]{
2.     color: #333333;
3.     -webkit-text-fill-color: #333333 !important;
4.     -webkit-opacity: 1;
5. }

复制代码

textarea设置默认样式修改

2. textarea::placeholder, textarea::-webkit-input-placeholder, textarea::-ms-input-placeholder , textarea::-moz-placeholder {
3. color: #999;
4. }

复制代码

1. input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
2. -webkit-box-shadow: 0 0 0 15.625rem #fff inset;
3. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。