IE 8相容小妙招~~
阿新 • • 發佈：2018-11-26
IE6/7下多種方法移除button、input 預設邊框和去掉焦點線
button、input 預設邊框和焦點線確實影響美觀，下面為大家講解下IE6/7下下如何去掉邊框、焦點線，具體的實現如下，感興趣的朋友可以參考下
一、去掉邊框：
看看基本的HTML：
<div class="wrap">
<input type="text" class="input_txt">
<input type="submit" value="submit" class="input_btn">
<input type="button" value="提交" class="input_btn">
<div>
通常解決這樣的bug最好的方法就是在button和input的標籤外新增一個標籤，然後將樣式寫在這個標籤上，並且把button和input的預設樣式都去除掉。
實現方式一：設定CSS：
<style type="text/css">
input{margin:0;padding:0;}
.wrap{background-color:#0f0;}
.input_txt,.input_btn{border:0 none;}
</style>
實現方式二：設定CSS，並使用濾鏡：
<!--[if IE]>
<style type="text/css">
input{margin:0;padding:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
</style>
<![endif]-->
此種方式貌似會有點問題！待在真實IE7環境中驗證。
二、去掉焦點線：
<style type="text/css">
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
</style>