input placeholder颜色属性设置(css改变input中的placeholder的颜色)
分享input placeholder颜色属性设置,通过css改变input中的placeholder的颜色,我在在使用前台HTML表单的<input>的时候,经常会用到placeholder这个属性,他是干什么用的呢?比如我们这个input是输入用户名的,你就可以placeholder="请输入用户名",这个样子他的交互程度就很好啦~
placeholder的样子
那如何用css改变input中的placeholder的颜色或者其他样式呢?代码如下:
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #909; }
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址:https://tangjiusheng.com/html/563.html
原文地址:https://tangjiusheng.com/html/563.html
大家都在看
- input是什么接口(快速了解input接口)
- html如何隐藏表单input标签(隐藏input的三种方法)
- winpe是什么系统(教你PE系统如何制作)
- html文本框提示文字设置(input文本框添加提示文字的方法)
- 如何让input只能填数字(用HTML5新属性方法最简单)
- html中input标签的type属性有哪些(input表单标签用法详解)
- input placeholder颜色属性设置(css改变input中的placeholder的颜色)
- 前端input输入框只能输入数字(js控制只能输入数字的有效方法)
- el-input只能输入数字和小数(详解el-input)
- input只能输入数字和小数点后两位(亲测有效附实例代码)