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;

}
目录
相关文章
|
移动开发 小程序 API
微信外部浏览器或短信链接唤起微信小程序的解决方案
微信外部浏览器或短信链接唤起微信小程序的解决方案
2405 1
|
JavaScript
Vue3上传(Upload)
这是一个基于 Vue 3 的文件上传组件,提供了丰富的自定义选项,包括接受的文件类型、是否支持多选文件、上传数量限制、预览图片缩放规则等。组件还集成了多种功能,如拖拽上传、预览图片、自定义上传行为等,并支持不同类型的文件预览图标。组件使用了 `Space`、`Spin`、`Image` 和 `Message` 等子组件来实现多样化的布局和交互效果。此外,通过 `beforeUpload` 钩子可以对上传文件进行预处理,如限制文件大小和类型。整体设计简洁实用,适用于多种应用场景。
367 1
Vue3上传(Upload)
|
9月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
312 0
|
12月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
965 4
|
供应链 物联网 区块链
智能合约:区块链世界的法则之书
智能合约:区块链世界的法则之书
407 1
|
前端开发 JavaScript
vite中如何更优雅的使用css
【8月更文挑战第2天】webpack中,我们需要在项目中安装css-loader才能让webpack识别css文件。vue-cli基于webpack,内置了这个loader ,Vite天生就是支持对CSS文件的直接处理的。
475 5
vite中如何更优雅的使用css
|
Kubernetes 网络协议 网络安全
在K8S中,k8s中service访问有问题,该如何排查?
在K8S中,k8s中service访问有问题,该如何排查?
CKEditor5 支持 WPS 贴贴文字图片,默认贴贴进入空白空格
CKEditor5 支持 WPS 贴贴文字图片,默认贴贴进入空白空格
629 0
|
设计模式
设计模式-05建造者模式(Builder Pattern)
设计模式-05建造者模式(Builder Pattern)