针对不同的输入元素尝试此代码

your css selector::-webkit-input-placeholder { /*for webkit */
    color:#909090;
    opacity:1;
}
 your css selector:-moz-placeholder { /*for mozilla */
    color:#909090;
    opacity:1;
}
 your css selector:-ms-input-placeholder { /*for for internet exprolar */ 
   color:#909090;
   opacity:1;
}

示例1：

input[type="text"]::-webkit-input-placeholder { /*for webkit */
    color: red;
    opacity:1;
}
 input[type="text"]:-moz-placeholder { /*for mozilla */
    color: red;
    opacity:1;
}
 input[type="text"]:-ms-input-placeholder { /*for for internet exprolar */ 
   color: red;
   opacity:1;
}

示例2：

input[type="email"]::-webkit-input-placeholder { /*for webkit */
    color: gray;
    opacity:1;
}
 input[type="email"]:-moz-placeholder { /*for mozilla */
    color: gray;
    opacity:1;
}
 input[type="email"]:-ms-input-placeholder { /*for for internet exprolar */ 
   color: gray;
   }

在html文件中：

<input type="text" placeholder="placeholder" class="redPlaceHolder">

在css文件中：

.redPlaceHolder{
   color: #ff0000;
}

以下是CSS选择器的解决方案

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

WebKit、Blink（Safari、Google Chrome、Opera 15+）和Microsoft Edge使用了伪元素：：：-webkit输入占位符。Mozilla Firefox 4到18使用了一个伪类：：-moz占位符（一个冒号）。Mozilla Firefox 19+使用了一个伪元素：：：-moz占位符，但旧选择器仍将工作一段时间。Internet Explorer 10和11正在使用伪类：：-ms输入占位符。InternetExplorer9及更低版本根本不支持占位符属性，而Opera12及更低版本不支持任何占位符CSS选择器。

Compass有一个开箱即用的混音器。

举个例子：

<input type="text" placeholder="Value">

在SCSS中使用指南针：

input[type='text'] {
  @include input-placeholder {
    color: #616161;
  }
}

有关输入占位符mixin，请参阅文档。

对于Bootstrap和Less用户，有一个mixin.placeholder：

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

尝试这将有助于您，这将在您最喜欢的浏览器中工作：

::-webkit-input-placeholder { 
    /* Chrome/Opera/Safari */
      color: pink;
    }
    ::-moz-placeholder { 
    /* Firefox 19+ */
      color: pink;
    }

    :-moz-placeholder { 
    /* Firefox 18- */
      color: pink;
    }