摘要:
下文讲述使用css脚本将placeholder中的文字居中显示的方法分享,如下所示;
文本框中placeholder属性值的功能:
placeholder属性值用于文本框的提示信息,
那么我们如何让这个提示信息更加美观呢?
下文将讲述使用css美化placeholder的方法分享,如下所示:
实现思路:
1.设置placeholder居中和颜色
input::-ms-input-placeholder{
text-align: center;
color:red;
font-weight:bold;
}
input::-webkit-input-placeholder{
text-align: center;
font-weight:bold;
}
例:
美化placeholder的示例分享
maomao365.com
css之美化placeholder的示例分享
input::-ms-input-placeholder{
color: red;text-align: center;
}
input::-webkit-input-placeholder{
color: red;text-align: center;
}
placeholder="这是一个提示信息1"
/>
css美化placeholder示例分享