title: IE 10's -ms-clear pseudo-element, and IE5 quirks mode
body: <p>I'm working on a legacy web app that requires use of Internet Explorer's 'IE5 Quirks Mode' (set using <code>X-UA-Compatible: IE=5</code>).</p>
  
  <p>A number of text fields in the app have (app-generated) 'x' buttons to clear the content. In IE10, IE also generates an 'x' button to clear the field, so the user sees two of them.</p>
  
  <p>As discussed in <a href="https://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs">this question</a>, you can remove the IE-generated 'x' using the <code>::-ms-clear</code> CSS pseudo-element. Unfortunately, this appears not to work in IE5 Quirks Mode: styling of the <code>::-ms-clear</code> pseudo-element shows up in the developer tools as <code>:unknown</code>, and the IE-generated 'x' continues to appear.</p>
  
  <p>Aside from rewriting the app to use a modern browser mode, is there any way to get rid of the IE-generated 'x'?</p>
  
  <p>Following is a test page that reproduces the problem in IE5 Quirks Mode when run under IE10:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=5"&gt;
          &lt;style type="text/css"&gt;
              ::-ms-clear { width: 0; height: 0; }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;Enter some text:&lt;input&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>