首页前端开发CSScss定义输入框提示文字

css定义输入框提示文字

时间2023-10-28 13:15:02发布访客分类CSS浏览155
导读: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
css 第一元素 css动画左右摇摆循环

游客 回复需填写必要信息