首页 建站教程 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>


打赏
海报

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

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

相关推荐

如何在html页面中通过css隐藏元素

在平常的页面布局中,我们经常会遇到将某个模块隐藏,而实现不同的页面布局或js交互效果,尤其是在响应式布局中比较常见,下面我们整理了一些关于实现隐藏页面元素的多种方法以及各种方法不同的特点(如:是否占据...

WEB前端 2020.09.18 0 27

web前端写html页面div+css命名规范

web前端写html页面div+css命名规范

使用良好的CSS书写规范来写CSS代码,既能最大化优化前端代码,提升代码阅读体验,更重要的是为以后维护带来方便。常用的CSS命名一般由小...

WEB前端 2020.09.08 0 75

给网页增加WOW插件滚动触发css动效

随着浏览器的兼容性增强,css3动画特效运用也越来越广,通过css3动画库加js可以实现很多炫酷的效果。比如在滚动页面时会触发展示各式各样的动画效果,通过设置调整可以改变动画的风格、延迟、偏移量等。优...

WEB前端 2018.07.04 0 3668

发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi

感谢您的支持