首页天道酬勤placeholder怎么用,怎么修改placeholder的颜色

placeholder怎么用,怎么修改placeholder的颜色

张世龙 05-06 04:37 41次浏览

设置placeholder属性样式的几种写法在placeholder属性为input标记中很常用。 placeholder属性的主要作用是在输入框中显示提示。

那当我们想要改变placeholder属性中文字的大小颜色等样式时,又如何设置呢?

首先,让我们看看常规的placeholder属性样式。

input type='text' placeholder='常规样式'效果图:

上面的样式是placeholder属性的默认样式。 如果你想强调字体,你不是想改变字体的颜色吗? 接下来,试着将字体的颜色改为红色,想想该怎么设定。 3358 www.Sina.com/http://www.Sina.com/http://www.Sina.com /

! 设置doctypehtmlhtmlheadmetacharset=' utf-8 ' title placeholder属性样式的多种写法/title/headstyleinput 3360: placeholder stylebodyinputtype=' text ' placeholder='字体颜色为红色'/body/html 3358 www.Sina.com/http://www.Sina.com/:通过浏览器

input :3360 -使用WebKit-input-placeholder {/* WebKit内核的浏览器*/color: #E0484B; } input :-moz-placeholder {/* Firefox4- 18 */color : # e 0484 b版; } input :3360-moz-placeholder {/* Firefox版本19 */color: #E0484B; } input :-ms-input-placeholder {/* ie浏览器*/color: #E0484B; } 效果图:冒号前可以写相应的input和textarea元素等。 另外,也可以不用冒号开头,而不用缩写。代码::写得有点复杂,我来介绍一下。

input [ type=' text ' ] :3360 -使用WebKit-input-placeholder {/* WebKit内核的浏览器*/color: #E97F81; } input [ type=' text ' ] :-moz-placeholder {/* Firefox4- 18 */color : # e 0484 b版; } input [ type=' text ' ] :3360-moz-placeholder {/* Firefox 19 */color : # e 0484 b版; } input [ type=' text ' ] :-ms-input-placeholder {/* ie浏览器*/color: #E0484B; } 第一种最简单的写法:在谷歌浏览器中使用

例如第二种写法:

input type=' password ' placeholder='字体颜色为红色'

input [ type=' password ' ] :3360 -使用WebKit-input-placeholder {/* WebKit内核的浏览器*/color: #E97F81; 其实,有很多方法。 这要等到我们发现。 那么,今天在这里分享。 有疑问的人请留言。

设置placeholder的字体颜色,input placeholder