Question

我有一个type = number的元素。由于我对旋转按钮显示不感兴趣，我添加了-moz-appearance:textfield。现在，我注意到我设置的占位符样式（::-moz-placeholder {font-style:italic}）已停止应用于FireFox中的此字段。

FireFox是否会围绕此moz-textfield创建一个秘密元素？为什么它不能用于这个特定的输入？

编辑：现在我看到它与文本字段无关。看起来FireFox不允许对数字字段进行任何样式化（即使是文本字段行为）。这适用于Chrome。想要一个整洁的解决方法，为什么会这样呢？

input  {width: 20em}
input::-moz-placeholder  {font-style: italic; font-weight: 700; color: red}
input::-webkit-input-placeholder	{font-style:italic; font-weight: 700; color: red}
.hiddenspinbutton  {-moz-appearance:textfield}
.hiddenspinbutton::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
			-webkit-appearance: none; margin: 0;}

<input placeholder="This is text type" type=text><br>
<input placeholder="This is number type" type=number><br>
<input placeholder="Number type without spin buttons" type=number
       class=hiddenspinbutton>

使用-moz-appearance时为占位符设置样式

0 个答案: