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;

}
目录
相关文章
|
18天前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
35 1
|
1月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
72 0
|
7月前
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
|
8月前
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
|
9月前
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
113 0
|
10月前
|
Web App开发 前端开发 Android开发
如何修改placeholder【占位符】样式
如何修改placeholder【占位符】样式
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
uiu
|
安全
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
uiu
240 0
【Svelte】-(6)绑定|input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
JavaScript
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio