html – 如何格式化Opera浏览器的输入占位符文本?

html – 如何格式化Opera浏览器的输入占位符文本?,第1张

概述我使用下面的psuedo元素和伪类使用CSS设置了占位符文本.这可以在所有主流浏览器上完成工作,但Opera.我的理解是Opera不支持样式占位符文本.有谁知道一种方式来设置Opera输入占位符文本的样式? CSS ::-webkit-input-placeholder { color: red; font-size: 10px;}::-moz-placeholder { 我使用下面的psuedo元素和伪类使用CSS设置了占位符文本.这可以在所有主流浏览器上完成工作,但Opera.我的理解是Opera不支持样式占位符文本.有谁知道一种方式来设置Opera输入占位符文本的样式?

CSS

::-webkit-input-placeholder {    color: red;    Font-size: 10px;}::-moz-placeholder {    color: red;    Font-size: 10px;}:-moz-placeholder {  color: red;  Font-size: 10px;}:-ms-input-placeholder {  color: red;  Font-size: 10px;}input:-moz-placeholder {    color: red;    Font-size: 10px;}
解决方法 在firefox和WebKit中提供样式占位符的现有方法都是供应商前缀和非标准的,不应在生产中使用.为了确保面向未来,请使用JavaScript删除占位符属性,并使用表单字段中的值(与类似占位符的类一起绑定占位符样式)或其他文本元素来模拟占位符功能.这将在包括Opera在内的浏览器(当前和未来的浏览器)中保持一致. 总结

以上是内存溢出为你收集整理的html – 如何格式化Opera浏览器的输入占位符文本?全部内容,希望文章能够帮你解决html – 如何格式化Opera浏览器的输入占位符文本?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1082312.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存