html input 字体颜色_input使用小技巧

①：如何修改placeholder样式？

　input::-webkit-input-placeholder {
　　　　color: #ccc;
　　　　font-size: 15px;
　　　　}

其它浏览器适配方案

原文参考：https://webfem.com/post/placeholder

②：设置获取焦点后输入文字大小的样式

　input:focus {
　　　　font-size: 15px;
　　　　{

设置获取到焦点时边框的样式

input:focus {
　　 　border: 1px solid red;
　　　　}

设置获取到焦点后 input 背景颜色

③：给 input 焦点设置颜色，只需给 input 设置 color 属性即可（这样焦点和输入的文字都是一个颜色）

④：input autofocus 属性，自动获取焦点

http://www.runoob.com/tags/att-input-autofocus.html

注：PC—IE9及以下不支持；移动端—ios safari都不支持，安卓3及以上都支持

⑤：autocomplete属性让浏览器自动记录之前输入的值　

注：autocomplete="on" 启用自动记录；autocomplete="off" 禁用自动记录