去除點選鏈結時出現的虛線框

2022-08-02 20:57:16 字數 540 閱讀 5326

影象鏈結在被點選時會出現虛線框,即使鬆開了也仍然存在,在有的時候顯得不美觀。所以最好就把它給去掉

方法一ie下可使用其私有的html屬性:hidefoucs,在標籤的結構中加入hidefocus="true"屬性。即:

網而在 firfox 瀏覽器中則相對比較容易,直接給標籤 a 定義樣式 outline:none; 就可以了,即:

.hidefocus

方法二也可以使用css expression來控制,但不推薦使用,畢竟expression在效能上有問題。

.hidefocus

除鏈結外,該css同樣適用於input和button標籤。

方法三將以下**儲存為link.htc檔案:

a

ie中已經沒有問題,但是在火狐瀏覽器中虛線框依然存在。再增加一條樣式定義來解決此問題:

a:focus

google瀏覽器直接在a標籤屬性裡面新增outline:none;就是了。

例 :

a

去除鏈結虛線框

b 區域性控制 b link1 link1 link1 link1 b 全域性控制 b css實現 a 只支援ie,過多使用效率低 a 只支援ie,過多使用效率低 a focus ie不支援 htc實現 ie支援,頁面載完才有效果 把下面這段 存為.htc為副檔名的檔案 呼叫 a js遍歷實現 wi...

去除鏈結虛線框

區域性控制 link1 link1 link1 link1 全域性控制 css實現 a 只支援ie,過多使用效率低 a 只支援ie,過多使用效率低 cqc新加 hidefocus true只是隱藏了焦點 隱藏了虛線 但是焦點還是在該鏈結上 獲得焦點後產生的一些效果如a active的樣式還是能起作用...

去掉點選鏈結時周圍的虛線框outline屬性

1.css方式 在ie下是使用html屬性 hidefoucs,在html標籤中加上hidefocus true 屬性即可,但這個屬性是ie私有的,firefox是不認的。加了hidefocus屬性 ie中用css處理的方式為 a onfocus 注意大小寫 firefox的處理方法比較符合標準,只...