有沒有人知道如何禁用或操縱(在大多數瀏覽器中)dom元素的虛線邊框,如果它的焦點在tabindex順序?通過javascript刪除或禁用瀏覽器的焦點邊框
我想爲聚焦的元素構建自己的樣式,但使用現有的功能會很棒,因爲使用tabindex可以將keydown事件綁定到DOM元素。
有沒有人知道如何禁用或操縱(在大多數瀏覽器中)dom元素的虛線邊框,如果它的焦點在tabindex順序?通過javascript刪除或禁用瀏覽器的焦點邊框
我想爲聚焦的元素構建自己的樣式,但使用現有的功能會很棒,因爲使用tabindex可以將keydown事件綁定到DOM元素。
只是要爲有你想要的元素的CSS規則outline:none;
input::-moz-focus-inner { border: 0; }
CSS技巧:
:focus { outline: none; }
a {
outline: 0;
}
a: hover,
a: active,
a: focus {
outline: none;
}
input::-moz-focus-inner {
border: 0;
}
:focus state
- 設置outline property以0px固體透明;
使用Firefox 53.0,如果我禁用提議的解決方案之一的大綱,Firefox將顯示默認的解決方案。
但是,如果我用一個空色,它不檢測輪廓隱藏:
input:focus{
outline: 1px solid rgba(255,255,255,1);
}
omg不知道這一點。謝謝! – helle 2010-06-10 15:02:04
@helle :)那是什麼* stackoverflow *是關於..學習新事物;) – 2010-06-10 15:05:15
..我正在與CSS工作了這麼久。從來沒有需要,直到現在......大聲笑 – helle 2010-06-10 15:09:42