css_day05_修改input中placeholder的默认属性

最新推荐文章于 2022-12-06 19:23:03 发布

Yellow_J的小屋子

最新推荐文章于 2022-12-06 19:23:03 发布

阅读量322

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/YJ_meditation/article/details/76945315

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

一点一点地积累，慢慢地你会得到你想要的东西，为自己而加油吧！
修改input中placeholder的默认样式

<html>
    <head>
        <meta charset="UTF-8">
        <title>修改input中placeholder的默认样式</title>
        <style>
            input{
                width:500px;
                height:40px;
            }
            .change::-webkit-input-placeholder{
                font-size:20px;
                color:red;
            }
            /*Mozilla Firefox 4 to 18*/
            :-moz-placeholder{
                font-size:20px;
                color:red;
            }
            /*Mozilla Firefox 19+*/
            ::-moz-placeholder{
                font-size:20px;
                color:red;
            }
            :-ms-input-placeholder{
                font-size:20px;
                color:red;
            }
            /*注意:和::的区别*/
        </style>
    </head>
    <body>
        <input class="change" type="text" placeholder="修改placeholder的默认样式">
    </body>
</html>