javascript动态修改placeholder的css颜色。

本文介绍: javascript 动态修改 placeholder的css 颜色。

前景:
遇到项目需要切换按钮显示不同的placeholder 颜色,placeholder的（必填项）需要设置为红色。

查找百度搜索目前没有直接可以修改 placeholder的，都是通过动态添加 class 样式。

 &lt;textarea type="text"  class="tex"  id="opinion" placeholder="请输入来访目的(必填)"&gt;&lt;/textarea&gt;

实现方法：
第一种:

直接通过style实现
#opinion::placeholder{
  color:red;
}

项目中是两个按钮页面共用一个 textarea,只需要一个页面变红色，所以我用的是第二种方式。

第二种:

.textareaClass{
 color:red;
}

通过js添加class
使用的是JQuery。
//if判断条件当==这个按钮的时候去添加class  else否去掉class。
if($("input[name='visitor']:checked").val() == '预约人'){
 $("#opinion").addClass('areatextClass');
}else{
  $("#opinion").removeClass('areatextClass')
}