WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

CSS3中如何设置text文本框中placeholder字体颜色大小

更新时间:2021-03-12 11:46 作者:佚名点击:

我们都知道placeholder是文本框的提示信息,
用于提示用户,此文本框需输入的文字信息,
那么如何使用css调整”placeholder”中的样式呢?
下午将一一道来,如下所示:

 实现思路:
     使用以下css属性
	  input::-webkit-input-placeholder{
        color:blue;
       }
      input:-moz-placeholder {
        color:blue;
       }
      input::-moz-placeholder{
        color:blue;
       }
      input:-ms-input-placeholder{
         color:blue;
     } 
 

例:
css 实现placeholder提示字体的颜色为蓝色的示例分析

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.wd1x.com/" />
<title>问答一下</title>
<style>
input::-webkit-input-placeholder{
  color:blue;
}
input:-moz-placeholder {
  color:blue;
}
input::-moz-placeholder{
  color:blue;
}
input:-ms-input-placeholder{
  color:blue;
</style>
</head>
<body>
<p>
wd1x.com <br />
placeholder设置提示字体颜色为蓝色
</p>
<hr />
<input type="text" placeholder="问答一下">
</body>
</html>
 
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容