CSS怎么修改placeholder颜色样式

导读 使用开发工具新建或打开您的【文档】创建一个表单输入框并添加【placeholder属性】示例代码:<input class="input" type="text" placeho

  1. 使用开发工具新建或打开您的【文档】

  2. 创建一个表单输入框并添加【placeholder属性】

    示例代码:<input class="input" type="text" placeholder="请输入..."/>

  3. 给输入框添加CSS代码

    示例代码:

    input::-webkit-input-placeholder{

      color:#f00;

    }

    input::-moz-placeholder{   

      color:#f00;

    }

    input:-moz-placeholder{   

      color:#f00;

    }

    input:-ms-input-placeholder{ 

      color:#f00;

    }

  4. 编写完,我们打开浏览器查看效果:

    上述内容为今日小编为大家所分享的关于CSS怎么修改placeholder颜色样式相关的专业知识,在我们使用各种软件的同时都会遇到各种各样的问题,当我们不了解软件的大体功能及作用的时候我们自然是无法很好的去玩转这些软件的,所以今天小编为大家分享的CSS怎么修改placeholder颜色样式知识,希望对大家能够起到一定的帮助吧。

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢