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>

猜你喜欢

转载自blog.csdn.net/maoge_666/article/details/131890314