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

Question

我想禁用/删除/不显示 ::ms-clear出现在 IE 输入字段中的按钮。我该如何执行以下操作

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

使用JavaScript？如果更容易的话，我对每个 HTMLInputElement 执行此操作就足够了。

(我不希望使用任何外部库，例如 jQuery)

Answer 1

貌似伪元素是只读的？我正在尝试做

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

但我收到异常NoModificationAllowedError。

在 JavaScript 中设置 this 最接近的工作似乎是这样做

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