2012-05-27 52 views
2

我想使用CSS製作一個時尚的用戶樣式,它將改變「調整窗口大小」元素的外觀。我不知道使用哪個選擇器。 只有存在垂直和水平滾動條時,scrollcorner才能工作。 一些示例截圖:用於Firefox的CSS選擇器調整窗口角大小

只有水平滾動條 - 調整大小角落白色

只有垂直滾動條 - 調整大小角落白色

這兩個滾動條都會介紹t - 使用CSS代碼正確設置調整大小角:

scrollcorner{-moz-appearance: none !important; background: red !important;} 

回答

3

我們在這裏討論隱式創建的元素框架,它使事情變得複雜 - 它們不存在於DOM中,所以即使DOM Inspector也不會顯示它們。然而,你正在尋找的元素顯然是xul:resizer element。我覺得如果只有一個滾動條(也是一個隱式創建的元素框架)存在,那麼這個元素將是這個滾動條的一個子元素。在兩個滾動條的情況下,scrollcorner元素框架被創建爲調整器的父級。我想,正確的選擇應該是這樣:

browser resizer 
{ 
    ... 
} 

這一個只屬於風格的瀏覽器元素,沒有任何其他的調節大小如文本區域大小調整大小調整。

警告:我猜你正在註冊一個新的代理樣式表,因爲其他樣式表(例如用戶樣式表)將不適用於隱式節點。你應該小心,這是明確的not safe和這裏意外的樣式可能會導致瀏覽器崩潰(有關此類問題的示例,請參閱bug 541506)。

+0

謝謝,但不幸的是,我無法測試,因爲我已經從OS X 10.6升級到10.8,並且Firefox中的縮放器不在這裏。如果有人可以在OS X 10.6中測試並確認這一點,我會接受它。 – shrx