placeholder样式自定义(uniapp 微信小程序、h5)

一、使用uniapp开发
①第一种方式:(写在行内)

<input type="text" placeholder="姓名" placeholder-style="font-size:28rpx;color:#999999;" />

②第二种方式:
(给input加上placeholder-class属性,然后给该属性 设置一个类名,在style中设置样式。)

<input  type="text"  placeholder="地址" placeholder-class="address"/>
 
 <style>
 	.address{
		color: red;
	}
 </style>


二、使用H5开发

<input type="text" placeholder="请输入搜索内容" />

<style>
/*修改提示字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */ 
color:green; 
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color:green
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color:green
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color:green
}
</style>

你可能感兴趣的:(uni-app,微信小程序,小程序)