N's

此篇教學特別感謝小天的幫忙！小天我也用好囉
迴響列表的連結圖案要怎麼改掉? 用 display:none; 隱藏的話
就沒有別人留下來的網址按鈕！不隱藏的話又會有很醜的小地球圖片，好煩惱阿
以下教學屬於 css 語法，所以請自行尋找 css 標籤。

目前用語法設定都無法單單設定「網址」的圖片，會連「刪除」和「信箱」的圖片都一起修改掉!
比較簡單的話是直接把圖片隱藏，然後設定連結的背景顏色 ↓
.comments-post a {background: #ccc !important;}
.comments-post a:hover {background: #ddd !important;}
.comments-post img{filter: Alpha(opacity=0);width: 9px;height: 9px;}

所以顯示出來會是正方形框框


另一種方法則是利用背景圖片 ↓
.comments-post a {background: url(圖片網址) #f8f8f8 no-repeat 0% 50%;}
.comments-post a:hover {background: url(圖片網址) #f8f8f8 no-repeat 0% 50%;}
.comments-post img {filter: Alpha(opacity=0); width:15px; height:12px; vertical-align:middle;}

所以顯示的就是你設定的圖片，擅用自己的創意，就可以設計出獨一無二的連結樣式！


-----------------------------------------------------------------------------------------------------

標籤說明：
.comments-post a 是設定超連結的樣式
.comments-post a:hover 是設定滑鼠移到超連結的樣式
.comments-post img 就是設定原本的圖片
width 和 height 是設定寬度和高度，filter: Alpha(opacity=0); 就是把小地球圖片弄不見。