2006年06月27日
配合Opera佈景的Search Button
應該有些使用者同時用Opera佈景主題和Search Button擴充套件後會覺得按鈕沒有像網址列的「輸入」一樣,感覺很不搭調。這裡提供一個修改的方法,讓按鈕看起來像Opera的按鈕。
首先下載
將其檔名改為「Search.png」,放到使用者設定檔的chrome資料夾下,同時也建立一個userChrome.css於此資料夾下,然後在userChrome.css中加入以下內容(userChrome.css可以從原本就有的userChrome-example.css修改檔名,新增的文字直接加在最後面即可):
首先下載

將其檔名改為「Search.png」,放到使用者設定檔的chrome資料夾下,同時也建立一個userChrome.css於此資料夾下,然後在userChrome.css中加入以下內容(userChrome.css可以從原本就有的userChrome-example.css修改檔名,新增的文字直接加在最後面即可):
#search-button {
list-style-image: url("search.png") !important;
-moz-image-region: rect(0px 20px 20px 0px);
padding: 3px 5px;
}
#search-button:hover {
list-style-image: url("search.png") !important;
-moz-image-region: rect(0px 20px 20px 0px);
}
#search-button:hover:active {
padding: 4px 4px 2px 6px;
}
list-style-image: url("search.png") !important;
-moz-image-region: rect(0px 20px 20px 0px);
padding: 3px 5px;
}
#search-button:hover {
list-style-image: url("search.png") !important;
-moz-image-region: rect(0px 20px 20px 0px);
}
#search-button:hover:active {
padding: 4px 4px 2px 6px;
}
引用URL
http://cgi.blog.roodo.com/trackback/1823711