消除 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 就可以了
Categories: Adobe Spry
我試過加入
.Accordion {
overflow: hidden;
noFocusLine:expression(this.onFocus=this.blur());
-moz-outline-style:none;
仍有条虛線。我是用Dreamweave去做和改的, 請問知道原因嗎?
ㄟ..抱歉
這東西好久沒用了 , 當時寫這個連 chrome , IE8 都還沒有 , FireFox也進化好幾代了 , 所以不知道你是用甚麼瀏覽器測試的 ? 我可以幫你看看
或者你試試看標準的語法 http://www.w3schools.com/cssref/pr_outline-style.asp ,
outline-style: none; 看看
outline-style:none; 有用, 感謝指導