如何動態修改 placeholder 的顏色？

CSS：用這些僞類就可讓placeholder變色了

（須要添加opacity:1,由於firefox默認的有一個透明圖，要把它的這個屬性給重寫掉）

.invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: red;
            opacity: 1;
        }
        .invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: red;
            opacity: 1;
        }
        input.invalid:-ms-input-placeholder{
            color: red;
        }
        input.invalid::-webkit-input-placeholder {
            color: red;
        }

JS：給input加上invalid class就好了

$("#name").attr("class","invalid");

HTML：將class設置成invalid就行

<input class="invalid" type="text" id="name" name="name" placeholder="請輸入姓名">

 

參考自：https://segmentfault.com/q/1010000004216231