Html 如何设置占位符文本的颜色和字体样式

我想将颜色设置为占位符，将字体样式更改为粗体，并增大大小

我怎样才能做到这一点？我应该为占位符赋予样式，还是有其他方法可以实现这一点？我想在下面的结果中设置颜色并更改字体样式，使其在所有浏览器中都适用于“选择大小”

html{字体大小：14px；字体系列：Arial、Helvetica、sans serif；} .k-下拉式包装{ 边框宽度：5px！重要； 边框颜色：D8D3D3！重要； } } 纽约 海得拉巴 班加罗尔 加尔各答 德里 $document.readyfunction{ //从输入HTML元素创建组合框 //从selecthtml元素创建组合框 $size.kendoComboBox； var select=$size.datakendoComboBox； };

---

可以使用以下代码实现跨浏览器支持：

对于Google Chrome：

.element:：-webkit输入占位符{ 颜色：蓝色； 字体大小：粗体； } 对于Mozilla Firefox：

.element:：-moz占位符{ 颜色：蓝色； 字体大小：粗体； } 对于Internet Explorer：

.element:-ms输入占位符{ 颜色：蓝色； 字体大小：粗体； } 歌剧：

.element:-o-input-placeholder{ 颜色：蓝色； 字体大小：粗体； } 您可以使用伪元素 和字体重量，使其更粗体

html{字体大小：14px；字体系列：Arial、Helvetica、sans serif；} .k-下拉式包装{ 边框宽度：5px！重要； 边框颜色：D8D3D3！重要； } ：-webkit输入占位符{ 字号：800； 字体大小：16px； } ：-moz占位符{ 字号：800； 字体大小：16px； } ：-moz占位符{ 字号：800； 字体大小：16px； } ：-ms输入占位符{ 字号：800； 字体大小：16px； } } 选择城市 纽约 海得拉巴 班加罗尔 加尔各答 德里 $document.readyfunction{ //从输入HTML元素创建组合框 //从selecthtml元素创建组合框 $size.kendoComboBox； var select=$size.datakendoComboBox； };

---

你可以在这里找到这个和更多的css技巧

：-webkit输入占位符{ 颜色：红色； 字号：800； } ：-moz占位符{/*Firefox 18-*/ 颜色：红色； 字号：800； } ：-moz占位符{/*Firefox19+*/ 颜色：红色； 字号：800； } ：-ms输入占位符{ 颜色：红色； 字号：800； } html{字体大小：14px；字体系列：Arial、Helvetica、sans serif；} .k-下拉式包装{ 边框宽度：5px！重要； 边框颜色：D8D3D3！重要； } ：-webkit输入占位符{ 颜色：红色； } } 选择城市 纽约 海得拉巴 班加罗尔 加尔各答 德里 $document.readyfunction{ //从输入HTML元素创建组合框 //从selecthtml元素创建组合框 $size.kendoComboBox； var select=$size.datakendoComboBox； };

---

以下是用于自定义占位符的

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
    font-size:12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   font-size:12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   font-size:12px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
   font-size:12px;
}

对我来说，只是字体的重量：正常；像

.class {
font-weight: normal;  
}  

---

如何添加粗体的可能重复@天使Politis@overflowstack9输入字体大小：粗体。我将编辑以向您展示。很高兴我可以帮助您@overflowstack9我可以在我的代码中添加所有css代码吗？我的意思是添加样式，如果我只添加所有代码，它适用于所有浏览器..？如果您想要跨浏览器支持，您必须将它们全部添加到@overflowstack9。