input标签placeholder字体居中颜色变更

最新推荐文章于 2024-01-14 13:26:44 发布

大力水手~

最新推荐文章于 2024-01-14 13:26:44 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_44705979/article/details/128632015

文章介绍了如何使用HTML的`placeholder-style`属性结合CSS来调整input输入框占位符（placeholder）的样式，包括将字体颜色设为灰色并实现居中对齐的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求input标签placehholder字体灰色，居中显示
方案：给input标签添加placeholder-style属性

<view class="form-item itemA">
			<input placeholder="请输入手机号" type="text" class="input1" placeholder-style="font-size:24rpx;color:#999999;text-align:center;font-weight:500;"/>
		</view>

<style lang="scss" scoped>
	.form-item {
			width: 572rpx;
			height: 90rpx;
			border-radius: 10rpx;
			background: #FFFFFF;
			overflow: hidden;
			padding: 4rpx 4rpx;
			border: 4rpx solid #E6EAF6;
			box-sizing: border-box;

			>input {
				height: 100%;
				background: #E6EAF6;
				border-radius: 10rpx;
				overflow: hidden;
			}
		}
</style>