title: Remove/Hiding default Form input reset button creating by IE 10
body: <p>I have 1 field form for search input. Here the HTML </p>
  
  <pre><code>            &lt;form class = "search-form hide-on-mobile"&gt;
                  &lt;input class = "global" type = "text" placeholder = "Who are you looking for ?"&gt;
                  &lt;button class = "search-reset hide-on-mobile hide-on-tablet" type = "reset" value = ""&gt;&lt;i class = "clear-search"&gt;&lt;/i&gt;&lt;/button&gt;
              &lt;/form&gt;
  </code></pre>
  
  <p>and the CSS :</p>
  
  <pre><code>::-webkit-input-placeholder { color : #FFFFFF; }
  :-moz-placeholder { color : #FFFFFF; }
  ::-moz-placeholder { color : #FFFFFF; line-height : 32px; opacity : 1; }
  input:-ms-input-placeholder { color : #FFFFFF; }
  
  .search-form input[type="text"] {
  background         : #78C1DC url("../img/search-icon.png") no-repeat 10px 6px;
  border             : 3px solid #61A8C4;
  color              : #FFFFFF !important;
  font-size          : .8em;
  height             : 42px;
  padding            : 0 0 6px 40px;
  width              : 100%;
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  -webkit-box-shadow : none;
  -moz-box-shadow    : none;
  box-shadow         : none;
  -webkit-appearance : textfield;
  -moz-appearance    : textfield;
  -webkit-appearance : textfield;
  appearance         : textfield;
  -webkit-transition : ease-in 200ms; -moz-transition : ease-in 200ms; -ms-transition   
      : ease-in 200ms; -o-transition : linear 200ms; transition : ease-in 200ms;
      }
  
  .search-form input[type="text"]:focus {
  border              : 3px solid #006687;
  background          : #6BB2CD url("../img/search-icon.png") no-repeat 10px 6px;
  box-shadow          : none;
  color               : #FFFFFF;
  font-size          : .8em;
  outline             : none;
  padding            : 0 0 6px 40px;
  text-shadow         : 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-appearance     : textfield;
  -webkit-appearance  : textfield;
  appearance          : textfield;
  -webkit-text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-webkit-text-shadow : px    
      1px 1px rgba(0, 0, 0, 0.5); -ms-webkit-text-shadow : px 1px 1px rgba(0, 0, 0, 0.5);  
      -o-webkit-text-shadow : px 1px 1px rgba(0, 0, 0, 0.5); webkit-text-shadow : px 1px  
      1px rgba(0, 0, 0, 0.5);
  -webkit-transition  : ease-in 200ms; -moz-transition : ease-in 200ms; -ms-transition 
      : ease-in 200ms; -o-transition : linear 200ms; transition : ease-in 200ms;
      }
  .search-form button[type="reset"] {
  background         : #6BB2CD;
  box-shadow         : none !important;
  border             : none;
  border-radius      : 40px;
  color              : #FFFFFF;
  font-size          : 10px;
  position           : relative;
  -moz-appearance    : none;
  -webkit-appearance : none;
  appearance         : none;
  top                : -32px;
  right              : 20px;
  float              : right;
  width              : 20px;
  height             : 20px;
  }
  </code></pre>
  
  <p>On another browser there is no problem, but when i test on IE 10, when we type something on input field another reset button was appear. This unknown element only appear when input get focus.</p>
  
  <p>Anyone know what causing it?</p>
  
  <p>Thanks,</p>