脚本宝典收集整理的这篇文章主要介绍了VueH5页面中input控件placeholder提示字默认颜色修改与禁用时默认字体颜色修改,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
//chrome谷歌浏览器,Safari苹果浏览器 input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ color: red; font-size:15px; } //firefox火狐浏览器 input[name="color"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red; font-size:15px; } input[name="color"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: red; font-size:15px; } //IE浏览器 input[name="color"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: red; font-size:15px; }//或者直接设定input控件都设置:
<input type="text" placeholder="请输入不一致原因" class="descJudgeIP" :class="{descJudgeIPNosame:judge.JudgeResult=='0'}" v-model="judge.NosameReason==null?'请输入不一致原因':judge.NosameReason" />
.descJudgeIPNosame::-webkit-input-placeholder { color: red; } .descJudgeIPNosame textarea::-webkit-input-placeholder { color: red; }
拓展-判断必填input聚焦方法:
input:disabled, input[disabled]{ color: red; opacity: 1; -webkit-text-fill-color:red; // ios 和 安卓9.0 必须添加此属性,才会生效 -webkit-opacity:1; }
以上是脚本宝典为你收集整理的VueH5页面中input控件placeholder提示字默认颜色修改与禁用时默认字体颜色修改全部内容,希望文章能够帮你解决VueH5页面中input控件placeholder提示字默认颜色修改与禁用时默认字体颜色修改所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。