📜  占位符颜色默认值 - CSS (1)

📅  最后修改于: 2023-12-03 14:50:29.901000             🧑  作者: Mango

占位符颜色默认值 - CSS

CSS中的占位符颜色默认值是指在输入框中的文本内容没有输入时显示的颜色。可以通过CSS的::placeholder伪元素选择器来设置占位符的样式,其中包括占位符的文本内容和颜色。

设置占位符文本样式

可以使用::placeholder伪元素选择器来设置占位符文本的样式,如下所示:

/* 设置占位符文本的字体样式 */
::placeholder {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/* 设置占位符文本的颜色 */
::placeholder {
  color: #999;
}

上述代码将占位符文本的字体设置为Arial字体,大小为14像素,加粗,并将字体颜色设置为浅灰色(#999)。

设置占位符颜色默认值

占位符颜色的默认值是取决于浏览器厂商的,不同浏览器可能具有不同的默认颜色。但是可以通过CSS来自定义占位符颜色的默认值,如下所示:

/* 设置占位符文本的默认颜色 */
::placeholder {
  color: #ccc;
}

上述代码将占位符文本的默认颜色设置为浅灰色(#ccc)。

浏览器兼容性

占位符颜色的默认值和自定义样式的兼容性可以查阅Can I use网站。

总结

通过CSS的::placeholder伪元素选择器可以设置占位符文本的样式,包括字体、大小、颜色等。占位符颜色的默认值是取决于浏览器厂商的,但可以通过CSS来自定义默认颜色。在使用时需要注意不同浏览器的兼容性。