文本的占位提示文字颜色修改
实现原理
使用样式类文件更改placeholder的外观
涉及知识点: 样式类
Step by Step
1. 添加单行/多行文本
2. 将代码复制到样式类文件中
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #f00;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #f00;
}复制后代码如下:
3. 修改对应的颜色
4. 页面多个文本框使用不用颜色
以上方法将页面所有占位符设置相同颜色,若想设置不同颜色需要为文本框添加样式类名称,这里以多行文本"textareastyle",单行文本样式类名称"inputstyle"为例
样式类文件如下:
注意事项
注意填写样式类文件时 样式类名称前面有"."