javascript动态修改placeholder的css颜色。

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

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

图片：默认是灰色，修改为红色。

代码如下

 <textarea type="text"  class="tex"  id="opinion" placeholder="请输入来访目的(必填)"></textarea>

实现方法：
第一种:

直接通过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')
}

记录一下，少走弯路！！！