2016 - 2024

感恩一路有你

css3应用 如何设置css3中placeholder的字体颜色?

浏览量:3063 时间:2021-03-14 15:32:09 作者:admin

如何设置css3中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输入占位符{

Color:#666]}

placeholder是HTML5熟悉的一种新输入,主要是为了让表单体验更智能,相当于value属性,但是它有一个优点,就是当我们关注输入的文本时,会自动清除placeholder=“default value”的文本,但是兼容性不是很好,至少ie似乎需要9以上的支持,所以PC端的很多焦点处理还是用JS

for attribute应该是label的属性??它绑定到输入的ID。当我们单击输入前面的文本ID时,我们会自动将焦点放在文本框上,例如:]<form>

<label for=“name”> user name</label>

<input type=“text”name=“name”accessKey=“C”ID=“name”/>

</form>

在这个示例中,当我单击用户名时,它会自动聚焦在文本框上,即光标会自动定位在文本框中

修改paleholder中文本的CSS样式

1::-WebKit输入占位符{

2颜色:红色

3字体大小:20px

4行高:50px

5}

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

颜色:红色

字体大小:20px

行高:50px

}

例如:

<!DOCTYPE HTML>

<html>

<head>

<meta charset=“UTF-8”>

<title></Title>

<style>

输入{

]高度:50px

字体大小:14px

行高:50px

50px

}。Test1::-WebKit输入占位符{

颜色:红色

字体大小:20px

行高:50px

}

</style>

</head>

<body>

<input class=“Test1”type=“text”placeholder=“test”/>

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

</body>

</HTML>

css3应用 设置placeholder的字体颜色 html里placeholder什么意思

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。