h5 input,textarea属性placeholder样式修改失效问题解决

简介:

h5 input,textarea属性placeholder样式修改失效问题解决

有时候失效是因为前端框架已经设置了placeholder颜色,可以增加选择器权重,添加class,不建议用 !important

::-webkit-input-placeholder { /* WebKit browsers */ 

    color: #fff; 

} 

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

    color: #fff; 

} 

::-moz-placeholder { /* Mozilla Firefox 19+ */ 

    color: #fff; 

} 

:-ms-input-placeholder { /* Internet Explorer 10+ */ 

    color: #fff;

}
目录
相关文章
|
2月前
|
Web App开发 数据可视化 JavaScript
input标签的type属性汇总
input标签的type属性汇总
118 0
|
3月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
|
4月前
|
前端开发
el-form-item label中的字体样式设置格式
这篇文章介绍了如何在Element UI的`el-form-item`组件中自定义`label`标签的样式,通过使用`slot`属性和内联CSS来改变字体颜色和加粗显示。
el-form-item label中的字体样式设置格式
|
6月前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
110 1
|
6月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
320 0
|
7月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
676 0
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
225 0
|
Web App开发 前端开发 Android开发
如何修改placeholder【占位符】样式
如何修改placeholder【占位符】样式
108 0
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
112 0
|
JavaScript
input中placeholder属性
input中placeholder属性
input中placeholder属性