怎么修改placeholder字体的css样式
1个回答
展开全部
修改palceholder内文字的css样式
1 ::-webkit-input-placeholder{
2 color: red;
3 font-size: 20px;
4 line-height: 50px;
5 }
修改class名为test1的元素palceholder内文字css样式
.test1::-webkit-input-placeholder{
color: red;
font-size: 20px;
line-height: 50px;
}
比如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{
height: 50px;
font-size: 14px;
line-height: 50px;
}
.test1::-webkit-input-placeholder{
color: red;
font-size: 20px;
line-height: 50px;
}
</style>
</head>
<body>
<input class="test1" type="text" placeholder="测试" />
<input type="text" placeholder="测试" />
</body>
</html>
1 ::-webkit-input-placeholder{
2 color: red;
3 font-size: 20px;
4 line-height: 50px;
5 }
修改class名为test1的元素palceholder内文字css样式
.test1::-webkit-input-placeholder{
color: red;
font-size: 20px;
line-height: 50px;
}
比如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{
height: 50px;
font-size: 14px;
line-height: 50px;
}
.test1::-webkit-input-placeholder{
color: red;
font-size: 20px;
line-height: 50px;
}
</style>
</head>
<body>
<input class="test1" type="text" placeholder="测试" />
<input type="text" placeholder="测试" />
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
