0
.txt1::-webkit-input-placeholder::before {
       color:#c2c3c3;
       content:"Hey Brad,\A Tell us what's on your mind";
    }
    .txt1::-moz-input-placeholder::before {
       color:#c2c3c3;
       content:"Hey Brad,\A Tell us what's on your mind";
    }

占位符在 Firefox 中不起作用,Chrome 很好

4

3 回答 3

2

Webkit 用于::-webkit-input-placeholder定位占位符文本:

.txt1::-webkit-input-placeholder:before {
    color:#c2c3c3;
    content:"Hey Brad,\A Tell us what's on your mind";
}

虽然 Firefox 用于:-moz-placeholder定位占位符文本:

.txt1:-moz-placeholder:before {
    color:#c2c3c3;
    content:"Hey Brad,\A Tell us what's on your mind";
}

您已添加input到 Firefox 的选择器,这不是必需的。对于 Firefox,您应该只在选择器的开头包含一个冒号,而不是两个。我还建议删除选择器后的多余冒号::before并将其更改为,:before因为这些是不必要的。使用我上面的代码示例,你应该很好。希望这可以帮助!如果您有任何问题,请告诉我。

来源:https ://developer.mozilla.org/en-US/docs/CSS/:-moz-placeholder

于 2012-11-15T07:19:01.410 回答
0

试试这个:

.txt1::-moz-placeholder::before {
  color:#c2c3c3;
  content:"Hey Brad,\A Tell us what's on your mind";
}

我认为不input应该删除-moz-input-placeholder

于 2012-11-15T06:55:03.817 回答
0

为什么不能在input标签中添加占位符?例如:

input type="" placeholder="any text"
于 2012-11-15T10:22:07.980 回答