---
title: '::-ms-clear'
slug: 'Web/CSS/::-ms-clear'
translation_of: 'Archive/Web/CSS/::-ms-clear'
---
<div>{{ CSSRef() }}</div>

<p>{{ Non-standard_header() }}</p>

<h3 id="概述">概述</h3>

<p><strong><code>::-ms-clear</code></strong> CSS <a href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">伪元素</a> 代表文本输入框 {{HTMLElement("input")}} 边缘的一个按钮（清除按钮），用于清除文本框 {{HTMLElement("input")}} 的当前值。这个按钮和伪元素是不标准的，目前只有Internet Explorer 10+可用，需要带上前缀。只有文本框 {{HTMLElement("input")}} 聚焦且非空的情况下该按钮才会出现。</p>

<h3 id="Specification" name="Specification">规范</h3>

<p>不属于任何规范。</p>

<p>微软在MSDN上有 <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx">一篇描述</a> 。</p>

<h3 id="Bugs">Bugs</h3>

<p>在设置了 {{cssxref("text-align")}}<code>: right 的文本框</code> {{HTMLElement("input")}} 中，如果清除按钮出现，则会裁剪文本框右侧边缘的内容。解决方案是使用 {{cssxref("display")}}<code>: none 隐藏该按钮。详情见</code> <a href="https://connect.microsoft.com/IE/feedback/details/776537">IE bug 776537</a> 。</p>