Javascript 如何改变<；输入/>'；什么是占位符颜色？

我用样式表和

尝试了以下方法，但占位符的颜色仍然没有改变，并保持默认颜色。我做得不对吗

我的css样式表：

#input-field {
  background-color: rgba(255,255,255,0.1);
  border: 0;
  border-radius: 5px;
  width: 150px;
  height: 40px;
  padding: 12px;
  box-shadow: none;
  color: rgba(255,255,255,0.8);
}

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

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

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

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

和我的

：

---

webkit需要两个冒号

：

#输入字段{
字体系列：衬线；
背景色：rgba（255255,0.1）；
边界：0；
边界半径：5px；
宽度：150px；
高度：40px；
填充：12px；
盒影：无；
颜色：rgba（255255,0.8）；
}
：-webkit输入占位符{
颜色：蓝色；
}
：-moz占位符{/*Firefox 18-*/
颜色：蓝色；
不透明度：1；
}
：-moz占位符{/*Firefox19+*/
颜色：蓝色；
不透明度：1；
}
：-ms输入占位符{
颜色：蓝色；
}

---

webkit需要两个冒号

：

#输入字段{
字体系列：衬线；
背景色：rgba（255255,0.1）；
边界：0；
边界半径：5px；
宽度：150px；
高度：40px；
填充：12px；
盒影：无；
颜色：rgba（255255,0.8）；
}
：-webkit输入占位符{
颜色：蓝色；
}
：-moz占位符{/*Firefox 18-*/
颜色：蓝色；
不透明度：1；
}
：-moz占位符{/*Firefox19+*/
颜色：蓝色；
不透明度：1；
}
：-ms输入占位符{
颜色：蓝色；
}

在Html页面中的

<input
class="form-control"
id="input-field"
placeholder='Change This Color'
/>

字体系列：Helvetica Neue

在您的Html页面中为我工作

<input
class="form-control"
id="input-field"
placeholder='Change This Color'
/>

---

font-family:Helvetica Neue

为我工作

只需将此代码放下。你的错误是忘了放冒号

我在这方面花了很多时间，但归根结底是在

：-webkit input placeholder

后面加了一个冒号，使其成为

：-webkit input placeholder

我只是发现其他人的回答和我的一模一样，我并不想模仿他们，因为我自己就知道了

看看完整的代码。PS我让它看起来像是

字体系列的草书

#输入字段{
背景色：rgba（255，255，255，0.1）；
边界：0；
边界半径：5px；
宽度：150px；
高度：40px；
填充：12px；
颜色：红色；
盒影：无；
字体系列：草书；
}
：-webkit输入占位符{
颜色：蓝色；
字体系列：草书；
}
：-moz占位符{
/*火狐18-*/
颜色：红色；
不透明度：1；
}
：-moz占位符{
/*Firefox 19+*/
颜色：红色；
不透明度：1；
}
：-ms输入占位符{
颜色：红色；
}

---

只需将此代码放下即可。你的错误是忘了放冒号

我在这方面花了很多时间，但归根结底是在

：-webkit input placeholder

后面加了一个冒号，使其成为

：-webkit input placeholder

我只是发现其他人的回答和我的一模一样，我并不想模仿他们，因为我自己就知道了

看看完整的代码。PS我让它看起来像是

字体系列的草书

#输入字段{
背景色：rgba（255，255，255，0.1）；
边界：0；
边界半径：5px；
宽度：150px；
高度：40px；
填充：12px；
颜色：红色；
盒影：无；
字体系列：草书；
}
：-webkit输入占位符{
颜色：蓝色；
字体系列：草书；
}
：-moz占位符{
/*火狐18-*/
颜色：红色；
不透明度：1；
}
：-moz占位符{
/*Firefox 19+*/
颜色：红色；
不透明度：1；
}
：-ms输入占位符{
颜色：红色；
}

---

成功了！非常感谢你！在我接受答案并投票之前的最后一个问题是，我如何更改占位符的家族字体和里面键入的文本？成功了！非常感谢你！在我接受答案并投票之前的最后一个问题是，我如何更改占位符和键入文本的家族字体？可能重复的可能重复的可能重复的可能重复的可能重复的我如何更改占位符和键入文本的家族字体？我不得不做一些小的更改，但成功了。非常感谢。如何更改占位符的族字体和内部键入的文本？我不得不做一些小的更改，但成功了。非常感谢。尝试

字体系列：“Helvetica Neue”但占位符未更改重复CSSalso中每个占位符定义中的字体系列行，即
字体系列：“Helvetica Neue”格式正确吗？没错，只要你的电脑上安装了字体，它就会显示upTried
字体系列：“Helvetica Neue”但占位符未更改重复CSSalso中每个占位符定义中的字体系列行，即
字体系列：“Helvetica Neue”格式正确吗？没错，只要您的计算机上安装了字体，它就会显示出来
.form-control::-webkit-input-placeholder {
  color: red;
  width: 250px;
  font-family:Helvetica Neue;
}