placeholder属性，且如何改变提示文字和点击后的方框颜色？

一、placeholder在html5中的定义：

（1）placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
（2）该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
（3）placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

二、改变输入框中的默认文字颜色

1、原来的效果

代码：html中<input type="text" placeholder="搜索"/>

2、想要实现的效果：将“搜索”文字的颜色变浅一点

实现代码：在html页面中找到以上代码，并添加class="ss"，修改后的代码如下：

<input type="text" placeholder="搜索" class="ss"/>

然后在style.css中实现样式，代码如下：

便可以实现效果。

3、效果实现，展示。

三、点击输入框之后，会变颜色，改变点击输入框之后的颜色。

1、原来的颜色

点击之后，颜色会变深黑色。

2、修改后的颜色，效果如下：

实现代码如下（以第二点为基准，这里只展示style.css中的代码，这里的颜色是灰色，图中为了区别，用的是lightskyblue）