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

Question

我使用下面的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;
}

Answer 1

在Firefox和WebKit中提供样式占位符的现有方法都是供应商前缀和非标准的,不应在生产中使用.为了面向未来,请使用JavaScript删除placeholder属性,并使用表单字段或其他文本元素(或value与类似于placeholder绑定占位符样式的类一起使用)来模拟占位符功能.这将在包括Opera在内的浏览器(当前和未来的浏览器)中保持一致.