Remove the button, input default border, and focus line in IE6/7

1. Remove the border:

Look at the basic HTML:

<Div class = "Wrap"> <input type = "text" class = "input_txt"> <input type = "Submit" value = "Submit" class = "input_btn"> <input type = "button" value = "Submit" class = "input_btn"> <div>

Generally, the best way to solve such a bug is to add a tag outside the tag of the button and input, write the style on the tag, and remove the default styles of the button and input.
Method 1: Set CSS:

<Style type = "text/CSS"> input {margin: 0; padding: 0 ;}. wrap {background-color: #0f0 ;}. input_txt ,. input_btn {border: 0 none ;}</style>

Method 2: Set CSS and use a filter:

<! -- [If IE]> <style type = "text/CSS"> input {margin: 0; padding: 0; filter: chroma (color = #000000); Border: none ;}. wrap {background-color: #0f0 ;}</style> <! [Endif] -->

This method seems to be a problem! To be verified in the real IE7 environment.

2. Remove the focus line:

<Style type = "text/CSS"> A: focus, *: Focus {nofocusline: expression (this. onfocus = This. Blur () ;}</style>