jQueryUI滑塊如何刪除句柄邊框

Question

我已成功更改背景圖片，每次單擊句柄時都會出現一個黃色邊框。這個邊框會一直保留，直到我點擊頁面中的其他地方。此外，每次移動手柄時，此邊框都會閃爍。 Someone had the same problem befor 但沒有人回覆。

如何刪除此邊框？

這是我的網頁（移除臨時鏈接）

Answer 1

.ui-slider a {outline:none;} /* a img { outline:none } for reference 

我認爲這是某些瀏覽器默認使用內聯圖像作爲超鏈接。

Chrome和Safari和FF顯示了它在這種或那種形式： Safari瀏覽器顯示它爲藍色，FF表現出它作爲一個虛線輪廓......

IE6，IE7顯示什麼。

** 編輯 **
而不是刪除的輪廓，你可以考慮設置其樣式，適合你的設計。這告訴鍵盤用戶，如果您的滑塊可以訪問/箭頭鍵友好，則手柄現在處於聚焦狀態。

.ui-slider a:focus { outline:1px dotted gray } 

Answer 2

你錯過了在文檔的CSS逗號

.ui-widget-content .ui-state-focus,

還沒有被應用到圖像，但所涉及的標籤所以

img { border:none; }

不應該工作。

Answer 3

我不知道這是不是給定答案好/壞，但我可以告訴我想我更喜歡我一直做這個之前，我碰到這個線程來時的路，以爲我會如果有人想這樣做，請與其他人分享以供將來參考。我得到了很好的結果。我覺得這特別是更精確地針對實際手柄：

添加到您的css文件：

.ui-slider .ui-slider-handle:focus { outline: none; }