首页 > 其他分享 >修改input输入框的提示文本placeholder样式

修改input输入框的提示文本placeholder样式

时间:2022-12-22 14:04:40浏览次数:30  
标签:style 修改 样式 输入框 input font placeholder


修改input输入框的提示文本placeholder样式_scala

 

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
/*修改placeholder颜色,必须分开写样式*/
::-webkit-input-placeholder {
color: red;
font-weight: bold;
font-style: italic;
}
</style>
</head>
<body>
<input type="text" placeholder="这里的提示文本内容颜色是可以修改为红色的" size="50" style="font-size: 20px;height: 30px;padding: 10px;">
</body>
</html>

 

标签:style,修改,样式,输入框,input,font,placeholder
From: https://blog.51cto.com/u_15920212/5962843

相关文章