jQueryUI sürgü kolu kenarlığın nasıl kaldırılacağı

Question

Arka plan resmini başarıyla değiştirdim ， tutamacı her tıklattığımda görünen yalnızca sarı kenarlık. Bu sınır, sayfada başka bir yere tıklayana kadar kalır. Ayrıca, bu kenar tutamağın her hareket ettirildiğinde yanıp söner. Someone had the same problem befor Ancak hiç kimse cevap vermedi.

Bu kenarlığı nasıl kaldırabilirim?

bu

sayfam (kaldırılmış geçici bağlantı)

Answer 1

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

Satır içi bir görüntü bir köprü olarak kullanıldığında, bazı tarayıcıların varsayılanı olduğunu düşünüyorum.

Krom ve Safari ve FF bir form veya başka bunu gösterdi: Safari mavi olarak gösterdi, FF

IE6

, IE7 hiçbir şey gösterdi ... Bir noktalı taslak olarak gösterdi.

** Düzenleme **
Aksine anahat çıkarmadan daha, bu uygulamanın tasarımını uygun stil düşünebilirsiniz. Bu, kaydırıcıya erişilebilir/ok-tuşu dostuysa, bir klavye kullanıcısına tanıtıcının artık odaklandığını söyler.

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

Answer 2

Sen

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

Aynı zamanda bir görüntüye uygulanmıyor Belgeniz css bir virgül eksik olduğunu ancak bir etikettir böylece

img { border:none; }

çalışmamalıdır.

Answer 3

bu verilen cevap daha kötü/daha iyi olup olmadığından emin değilim, ama ne söyleyebilirim sanırım dan ben bu konuya rastladım önce hep yapmış yöntemi tercih ederim, ben düşündüm Bunu yapmak isteyen varsa, ileride başvurmak için başkalarıyla paylaşın. İyi sonuçlar aldım. Bunu özellikle daha doğrusu asıl kolu hedefleyen düşünüyorum:

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