修改输入框placeholder的样式

Posted aloehui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改输入框placeholder的样式相关的知识,希望对你有一定的参考价值。

1. h5页面:

 //修改placeholder 样式 (chrome,其余类似加前缀)
    ::-webkit-input-placeholder { 
       color:rgba(21,30,38,0.35);
     }

 

 

 

2. 小程序里:

wxml:

<input placeholder="请输入手机号码" value=‘‘  placeholder-class=‘placeholder‘ />

wxss:

.placeholder{ 
  color: rgba(21,30,38,0.35);
  font-size: 0.8rem; 
}

 

以上是关于修改输入框placeholder的样式的主要内容,如果未能解决你的问题,请参考以下文章

修改input输入框placeholder文字默认颜色

(Select)解决:Element-ui 中 Select 选择器下拉框样式及输入框样式的修改问题(背景色透明与悬停背景色变化与下拉框边距变化等操作)

pc,微信小程序改变input输入框placeholder的字体样式

pc,微信小程序改变input输入框placeholder的字体样式

修改输入框placeholder文字默认颜色-webkit-input-placeholder

修改输入框placeholder文字默认颜色-webkit-input-placeholder