不使用JavaScript显示:: ms-clear伪元素

Question

我想禁用/删除/不显示IE中输入字段中出现的::ms-clear按钮。我该怎么做

input[type=text]::-ms-clear { display: none; }

使用JavaScript？如果这更容易，我就可以在每个HTMLInputElement上执行此操作。

（我希望不使用任何外部库，如jQuery）

Answer 1

似乎伪元素是只读的？我正在努力

window.getComputedStyle(this.inputTextElement, "::ms-clear").setProperty("display", "none");

但我得到例外NoModificationAllowedError。

在JavaScript中设置它的最接近的工作似乎是

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '::-ms-clear{display:none};';
document.getElementsByTagName('head')[0].appendChild(style);