专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络
免费热线：400-683-0016      微信咨询  |  联系我们

如何修改placeholder样式_CSS学习

当前位置：网站建设 > 技术支持
资料来源：网络整理       时间：2023/3/4 1:44:46       共计：3598 浏览

如何修改placeholder样式？

修改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>

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。
·上一条：template跟html的区别_CSS学习 | ·下一条：html中style的内容能不能变成css里的_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有