jquery - 使用 JQuery 从 IE 中的输入电话字段中删除 "X"

Question

我有一个电话类型的 HTML 输入字段，我想从该字段中删除“X”(如下所示):

input type telephone field

我可以使用以下 CSS 代码片段来完成:

input[name=phone]::-ms-clear {  
    display: none; width : 0; height: 0; 
}

但我希望将此规则应用于特定页面而不是整个输入类型电话字段。

我试过 JQuery 代码:

phone.css("-ms-clear", "display: none; width : 0; height: 0") 

但这没有用。

我的具体问题是如何在 JQuery css 方法中编写上述 CSS 代码？

Answer 1

使用一点 CSS 魔法，您可以创建一个伪元素来掩盖它:

.tel {
  position: relative;
  display: inline-block;
}

.tel::after {
  content: "";
  display: block;
  height: calc(100% - 2px);
  width: 20px;
  background-color: white;
  position: absolute;
  right: 1px;
  top: 1px;
}

<div class="tel">
  <input type="tel" />
</div>