修改照片底色 怎么修改input中placeholder的字体颜色?

怎么修改input中placeholder的字体颜色?首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。然后在浏览器中预览效果,您将看到默认占位符颜色为灰色

怎么修改input中placeholder的字体颜色?

首先,让我们简单地编写一个包含输入和文本区域的HTML页面,简单地设置基本样式,并注意占位符。

然后在浏览器中预览效果,您将看到默认占位符颜色为灰色。接下来,设置占位符的字体颜色

修改paleholder内部文本的CSS样式

1::-WebKit输入占位符{

2颜色:红色

3字体大小:20px

4行高:50px

5}

修改名为test1的类的paleholder内部文本的CSS样式。Test1::-WebKit输入占位符{

颜色:红色

字体大小:20px

行高:50px

另外,50px

!]<!DOCTYPE HTML>

<<>

<head>

<meta charset=“UTF-8”>

< title></title>

!<<!<!doctypehtml>>

<>>;>;HTTP>;HTTP>

]<>;中的>;和>;中的>;和>;中的>;和>;在>

!ltinputclass=“test1”Type=“text”placeholder=“test”/>

<input Type=“text”placeholder=“test”/>

</body>

</HTML>

如何修改placeholder样式?

由于每个浏览器的CSS选择器不同,因此有必要对每个浏览器进行单独的设置(输入和文本区域可以写在冒号之前)。

::-webkit输入占位符{/*webkit浏览器*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 4到18*/

颜色:#999

}

:-moz占位符{/*Mozilla Firefox 19*/

颜色:#999

}

:-ms输入占位符{/*Internet Explorer 10*/

Color:#-999]}

也可以这样写:

]输入:#-WebKit输入占位符,文本区:#-WebKit输入占位符{

颜色:#-666]}输入:-moz占位符, textarea:-moz占位符{

颜色:#666

}

输入::-moz占位符,文本区域::-moz占位符{

颜色:#666

}输入:-ms输入占位符, 文本区域:-ms输入占位符{

颜色:#666

}