输入类型占位符在所有浏览器

Question

我有一个输入类型

<input type="text" name='linkLabel{{index}}' autocomplete="off" class="input-large tight-form-url last remove-cross" required="required" placeholder="{{'linkLabel'| translate}}" style="width:159px" ng-model="linked.label">
            <br/>

我的占位符在所有浏览器中都不起作用。

输入类型中的文字在mozila和IE浏览器中显示为红色，但在Chrome中它变为黑色。

如何将IE和Mozilla中的颜色从红色更改为黑色。 ？

谢谢！

Answer 1

试试这个......

::-moz-placeholder { //Firefox 
  color: black;
}
:-ms-input-placeholder { //IE
  color: black;
}

Answer 2

  

如何将IE和Mozilla中的颜色从红色更改为黑色。 ？

您可以使用:-ms-input-placeholder伪类选择器来更改IE 10+浏览器中的颜色。

:-ms-input-placeholder 
{       
    color: red;
}

适用于Firefox 19 +。

::-moz-placeholder 
{
  color: red;
}

<强> More info here

Answer 3

试试这个

input[type="text"]:-webkit-input-placeholder { color: #000;  /* Set Your Color */ }

input[type="text"]:-moz-placeholder { opacity: 1; color: #000;  /* Set Your Color */ }

input[type="text"]:-moz-placeholder { color: #000;  /* Set Your Color */ }

input[type="text"]:-ms-input-placeholder{ color: #000;  /* Set Your Color */ }

input[type="text"].placeholder { color: #000;  /* Set Your Color */ }