javascript - 为什么 removeAttr ('placeholder' ) jquery 函数没有删除 :placeholder-shown pseudo class from input?

Question

当我尝试使用 removeAttr('placeholder') 从输入元素中删除占位符属性时:placeholder-shown 伪类不会从元素中删除，而是会更改输入值的颜色。

$(document).ready(function(){
  $('.input-field').removeAttr('placeholder');
});

.input-field:placeholder-shown {
  color: #cacaca;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="input-field" placeholder="my placeholder">

Code example

Answer 1

也许，这应该是您支持所有浏览器的解决方案:

$( document ).ready(function() {
   $('.input-field').removeAttr('placeholder').removeClass('input-field');
});

其中 .input-field 包含您对颜色的引用。

.input-field::-webkit-input-placeholder {
    color: green;
}