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月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
23 1
|
6月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
5月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
272 0
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
188 0
|
Web App开发 前端开发 Android开发
如何修改placeholder【占位符】样式
如何修改placeholder【占位符】样式
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
110 0
|
JavaScript
input中placeholder属性
input中placeholder属性
input中placeholder属性
input checkbox 复选框大小修改
有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框。 解决方法: 其实就是zoom属性,这个是放大的意思,可以设置为180%,这样就会比之前大很多。
1463 0