input输入框修改placeholder和readonly的样式

之前写过，却没有整理，结果在写的时候又忘了，又要重新查，好麻烦。

现在自己写写，以后就不会忘了。

placeholder：

::-webkit-input-placeholder { /* WebKit browsers */color: red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: red;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: red;
}

readonly：

input[readonly] {color: #ccc;
}

input输入框修改placeholder和readonly的样式相关推荐

html文本框背景颜色怎么设置,浏览器input输入框修改黄色背景色
浏览器表单自动填充后有黄色背景, 看了下样式发现是一个样式的原因input:-webkit-autofill 网上查了下有人说添加个属性即可 autocomplete="off" ...
input输入框修改后自动跳到最后一个字符
<input class="m-form-control" onpaste="return false" placeholder="直播间名称& ...
input输入框禁止输入但可以选择
目录前言一.需求二.解决方案 1.方案一 2.方案二总结前言使用element框架开发后台管理系统时遇到一个问题,一个输入框不想用户输入内容,希望用户点击输入框后向后台发送一个请求,将请求 ...
微信小程序: input输入框placeholder样式的修改
相信大伙在开发微信小程序的时候都会遇到这种问题.因为客户的需求,所以我们需要对input框中的placeholder的样式进行修改.接下来告诉大家怎么修改,该方法仅适用于微信小程序. 一.我们要给pl ...
修改input输入框的样式
原文地址为: 修改input输入框的样式我们在写表单的时候,经常需要自定义表单的样式,当然input输入框也不例外,那么如何能写出好看一点的输入框呢? 下面我们来写个简单的表单 <form a ...
html 修改placeholder,修改input placeholder样式
有时需要修改placeholder的文字颜色,需要用使用 input::-webkit-input-placeholder 选中,然后进行样式设置input::-webkit-input-placeh ...
修改input输入框样式
首先要将input输入框的默认样式去掉 -web-kit-appearance:none;-moz-appearance: none; 然后将input输入框的轮廓去掉: outline:0; 完成样 ...
图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式
在页面布局时经常会用到input输入框,有时为了提示用户输入正确的信息,需要用placeholder属性加以说明.这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder ...
CSS如何修改placeholder样式
项目用经常遇到修改input的placeholder的颜色的需求,这里来看一下placeholder如何用css设置: 原文发布与我的个人博客>> 首先来看一下chrome默认的input ...

input输入框修改placeholder和readonly的样式

input输入框修改placeholder和readonly的样式相关推荐

最新文章

热门文章