css定义输入框提示文字
导读:CSS是一种非常有用的前端技术,对于定义输入框提示文字也能有所帮助。/* 定义输入框样式 */input[type="text"]{ border: 1px solid #ccc; padding: 5px; font-size: 1...
CSS是一种非常有用的前端技术,对于定义输入框提示文字也能有所帮助。
/* 定义输入框样式 */input[type="text"]{
border: 1px solid #ccc;
padding: 5px;
font-size: 16px;
}
/* 定义输入框提示文字样式 */::-webkit-input-placeholder{
color: #999;
font-size: 14px;
}
:-ms-input-placeholder{
color: #999;
font-size: 14px;
}
::-moz-placeholder{
color: #999;
font-size: 14px;
}
::-moz-placeholder{
color: #999;
font-size: 14px;
}
/* 定义输入框中文字样式 */input[type="text"]{
color: #333;
}
以上代码,首先定义了输入框的样式,包括边框、内边距、字体大小等。然后利用伪类的方式,定义了输入框提示文字的样式,包括颜色和字体大小。最后又定义了输入框中正常输入的文字样式。
这样一来,我们就可以通过CSS轻松地定义输入框提示文字的样式了。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css定义输入框提示文字
本文地址: https://pptw.com/jishu/514553.html
