首页 建站教程 WEB前端 正文

自定义html5的placeholder属性字体颜色

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> ...
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{padding: 0;margin: 0;}
            input{width: 300px;height: 30px;margin-top: 100px;margin-left: 100px;}
            /*修改某个input中placeholder颜色*/
             #myinput::-webkit-input-placeholder {color: green;}
            #myinput:-moz-placeholder {/* Firefox 18- */color: green;}
            #myinput::-moz-placeholder{/* Firefox 19+ */color: green;}
            #myinput:-ms-input-placeholder {color: green;}
             /*修改某个input中placeholder颜色*/
            /*修改所有的input中placeholder颜色*/
            ::-webkit-input-placeholder {color: red;}
            :-moz-placeholder {/* Firefox 18- */color: red;}
            ::-moz-placeholder{/* Firefox 19+ */color: red;}
            :-ms-input-placeholder {color: red;}
            /*修改所有的input中placeholder颜色*/
        </style>
    </head>
    <body>
        <input type="text" placeholder="html5"/>
        <input type="text" placeholder="家居行业" id="myinput"/>
    </body>
</html>


打赏
海报

本文由优美主题原创或收集发布

转载请注明本文地址:https://www.umtheme.com/web/22.html

相关推荐

CSS心形缠绕转动效果

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋...
WEB前端 2023.09.13 0 2918
制作h5常用的css3动画效果

制作h5常用的css3动画效果

css3提供了许多强大的特效,可以用来实现各种各样的效果,下面是我总结的一些常用的css3效果,有需要的可以直接引用:1.悬浮时放大:.one{transition:All 0.4s&nb...
WEB前端 2023.09.13 1 2858
发布评论

感谢您的支持