使用 JQuery 从 IE 中的输入电话字段中删除“X”

Question

我有一个电话类型的 HTML 输入字段，我想从字段中删除“X”（如下所示）：

输入类型电话字段

我可以使用以下 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>

Answer 2

欢迎使用堆栈溢出！ 根据评论中的讨论，这里是您的答案。

它很简单（你不需要JS来做这个小工作）在你想要这种行为的特定页面body标签上使用 css id选择器，你可以定位这些input并设置它的样式

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