html input（或textarea） placeholder color 设置

为什么80%的码农都做不了架构师？>>>   

1. 设置文本所有 input placeholder color

<style type="text/css">

   

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{

      color: red !important;

      opacity:1;

      

}

input:-moz-placeholder,textarea:-moz-placeholder{

      color: red !important;

      opacity:1;

}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{

      color: red !important;

      opacity:1;

}

</style>

2.设置标签下的 input placeholder color，例如设置class=“modleTable”下的input placeholder color

<style type="text/css">

.modleTable input::-webkit-input-placeholder,.modleTable textarea::-webkit-input-placeholder{

      color: red !important;

      opacity:1;

      

}

.modleTable input:-moz-placeholder,.modleTable textarea:-moz-placeholder{

      color: red !important;

      opacity:1;

}

.modleTable input:-ms-input-placeholder,.modleTable textarea:-ms-input-placeholder{

      color: red !important;

      opacity:1;

}

</style>

转载于:https://my.oschina.net/oslph/blog/505059