消除 Spry Accordion 摺疊式選單內容的 focus 虛線

我們做好的折疊式選單是不是點選Tag(標籤)的時候會產生虛線 , 是不是很難看 ? (個人主觀)

所以我從 Google 找了一些消除虛線的 css 語法

只要修改 SpryAccordion.css 的 .Accordion 內容加上兩行即可

原始內容應該是

 .Accordion {
 overflow: hidden;
}

修改如下

.Accordion {
 overflow: hidden;
 noFocusLine:expression(this.onFocus=this.blur());
 -moz-outline-style:none;

}

說明一下 :

IE 接受的語法是  noFocusLine:expression(this.onFocus=this.blur());

FireFox(或其他Mozilla類)接受的語法是  -moz-outline-style:none;

另外 TabbedPanels (標籤選單) 也有這問題 , 也是找到 SpryTabbedPanels.css

把上面說的兩行放到 .TabbedPanelsTab 就可以了

3 則評論在 消除 Spry Accordion 摺疊式選單內容的 focus 虛線.

  1. 我試過加入
    .Accordion {
    overflow: hidden;
    noFocusLine:expression(this.onFocus=this.blur());
    -moz-outline-style:none;

    仍有条虛線。我是用Dreamweave去做和改的, 請問知道原因嗎?

發佈留言