2010-07-17 134 views
0

我已經在Firefox中被使用Firebug在IE開發工具欄,以幫助跟蹤我的風格在SharePoint一個品牌的努力。開發工具欄中的跟蹤樣式功能非常好。我可以輕鬆跟蹤超鏈接的樣式並創建CSS來更改樣式,我在跟蹤鏈接的懸停樣式時遇到了一些問題,因爲Firebug和開發人員工具欄都不會告訴我正在定義那些風格,這讓我很難去覆蓋它。跟蹤鏈接hover樣式

我甚至試圖將a:hover { color: #ccc !important; }作爲一種駭人的做事方式,這固定了它們中的很多,但有些仍然存在。 SharePoint附帶的CSS非常大,很難手動進入並自己找到它們。

有什麼建議嗎?

+1

嗯,所需要的是螢火蟲,只需點擊該檢查和元素按鈕,任何錨標記懸停,你會在右邊看到的是:懸停確實顯示出來。所以只要看看有什麼在那裏說,然後我認爲它很容易做你想做的事情。 – Gavrisimo 2010-07-17 19:50:06

回答

0

Jopache,我已經在Chrome或Safari上進行了幾個月的調試,並且在鼠標右鍵單擊某個元素時,真的很喜歡webkit中內置的「檢查元素」選項。我相信firebug也會將這一功能添加到Firefox中 - 當我真的需要詳細瞭解我的請求時,我切換到Firebug。因此,如果您從未嘗試過這種方法,請右鍵單擊您的鏈接(此時將處於懸停狀態),然後單擊檢查元素。希望這會指出你至少可以通過ctrl-f或grep搜索類似樣式的a:狀態。此外,你會注意到一個「計算風格」,可以幫助找到可以作爲替代元素進行搜索的特定怪癖。

它可以令人沮喪,要做到這一點對大文件....我與5000線CSS文件,更復雜,任何我見過一個非常複雜的應用程序UI刷新的中間。有時候,它只是需要頭撞。你可以嘗試一個快捷方式,看看CSS文檔底部是否有一個通用的a:hover聲明(記住,它從頭到尾讀取所以最後一個元素將覆蓋以前的任何內容)來解決問題,同時搜索更好的解決方案。

如果一切都失敗了,這裏是一個不錯的嘖嘖:http://www.cleverworkarounds.com/2007/10/08/sharepoint-branding-how-css-works-with-master-pages-part-1/