2009/06/03

怎麼去除按鈕虛線和連結虛線? 兩種方法告訴你!

常常我們會看到網頁上的按鈕、連結,點擊之後會出現虛線,有的人覺得很醜,有的人覺得有比較好,因此會有必須消除虛線的需求存在...

通常,我們會直接在連結or按鈕 加上 onFocus="blur()"
例如:
< herf=" 連結連結 " onfocus="blur()"> 連結文字 < / a>


另外還有更高招的,使用CSS來解決!
利用 zoom、 outline 跟 邊框透明 的屬性來實現。
範例如下:




確定取消


原始檔:
樣式部份

. btns { zoom:1;}
. btns * {outline:0;zoom:1;}
. btns button::-moz-focus-inner{border-color:transparent!important;}




以上~~