input清除自带样式
- input, textarea,label, button,select,img,form,table,a{
- -webkit-tap-highlight-color: rgba(255,255,255,0);
- -webkit-tap-highlight-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- }
- /*去除iPhone中默认的input样式*/
- input, button, select, textarea{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- border:none;
- outline: none;
- resize:none;
- }
- input::-webkit-outer-spin-button,
- input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- }
复制代码 input默认样式
- input::-webkit-input-placeholder{color:#C0C4CC}
- input:-moz-input-placeholder{color:#C0C4CC}
- input::-ms-input-placeholder{color:#C0C4CC}
- input::placeholder{color:#C0C4CC}
复制代码 或
- input::placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder,input::-moz-placeholder{
- color: #e6e6e6;
- }
复制代码 input为某种类型设置样式
- input[type="number"]{
- -moz-appearance: textfield;
- }
复制代码 input禁止(disable)设置样式
- input:disabled,input[disabled]{
- color: #333333;
- -webkit-text-fill-color: #333333 !important;
- -webkit-opacity: 1;
- }
复制代码 textarea设置默认样式修改
- textarea::placeholder, textarea::-webkit-input-placeholder, textarea::-ms-input-placeholder , textarea::-moz-placeholder {
- color: #999;
- }
复制代码- input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 15.625rem #fff inset;
- }
复制代码 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |