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

Question

我使用下面的伪元素和伪类通过 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 中可用的两种现有的样式占位符方法都是供应商前缀和非标准的，不应该在生产中使用。为了面向 future ，使用 JavaScript 删除 placeholder 属性并使用 value(结合 placeholder 类将占位符样式绑定(bind)到)表单字段或附加文本元素来模拟占位符功能。这将在包括 Opera 在内的浏览器(当前和 future 的浏览器)中一致地工作。