怎么修改placeholder字体的css样式

如题所述

修改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>
温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜