我正在使用这个经典的代码片段来为输入框的占位文本添加样式:
::-webkit-input-placeholder { /* WebKit browsers */
color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: transparent;
}
我看到了一个“标准”的例子,但无法确定是否真的存在。
例如https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder 包括以下示例:
input[placeholder] { text-overflow: ellipsis; }
但这个规则与:-moz-placeholder
完全不同。选择任何具有占位符属性的输入,而不是占位符伪元素。
我还看到了关于::placeholder
的引用https://css-tricks.com/almanac/selectors/p/placeholder/,但我无法确定它是否真实存在。