如上圖所示，那就是困擾著眾多人的存在..... 
看倌們請別離題歪樓啊((誤))
相信有非常多的大大~~在自己的CSS樣式中加入了所謂的「刪除連結線」語法後
該死的連結線虛線還是沒被KO掉....!!
您是否有發現?!
那些PO所謂「刪除連結線教學語法」文章的人~其中為數不少..
他們自己版版的連結線都刪不掉啊((誤))!!
其實當初我自己沒時間去研究的時候，也曾經去複製過無效的刪除連結線語法
但是始終都沒找到，真正可以實踐把連結線刪除掉的正確語法..
不管是部落格、相簿、留言、名片等等的版
只要有超連結，就一定會出現這個問題!!
某天被附身後~立誓一定要解決這個如影隨形的困擾 
還好那天有如神助使得進展非常順利，當天就得到了結果
除非你的IE版本在8以下....
不然用IE或是Firefox瀏覽，呈現的結果都是沒問題的!!
帶走語法的人請留言鼓勵(告知)我一下噢!!
如果可以順便的話順便「 推 + 讚 」.....((誤))
發現別人悶不吭聲的使用了自己的教學後奇蒙子真的不美麗!!
留言打幾個字告知的時間~~不會比我在試驗的時間還多吧?!
如果連這個小小的請求都無法配合....
不要逼我把這種沒禮貌的小賊公諸於世 
還有分享的人也請基於尊重個人智慧財產權的前提別忘了標明出處!!
敬請配合~~感恩蛤XD
語法開始
/* 在連結的語法串中加入 */
a
{
font-family:Tahoma !important;
color:#FF7D93;
font-size:9pt !important;
text-decoration:none !important; /* 刪除超連結字底下的底線 */
outline:none !important; /* 刪除滑鼠點下去會出現的連結線虛框 */
}
a:hover
{
font-family:Tahoma !important;
color:#000000;
font-size:9pt !important;
text-decoration:none !important; /* 刪除超連結字底下的底線 */
outline:none !important; /* 刪除滑鼠點下去會出現的連結線虛框 */
}
補充說明：
a:link 當連接過去的網頁尚未被看過時，該連接的樣式
a:hover 設定當滑鼠點在連接上面時，該連接的樣式
a:active 設定當連接被點擊時，該連接的樣式
a:visited 當連接過去的網頁已經看過時，該連接的樣式
譬如 .article-body a 和 .article-body a:hover
不管前面是什麼開頭～只要後面有這種連結樣式
都是在可以使用此刪除IE((連結))線語法的範圍內噢!!
我只是針對其一連結組合來做範例~
在部落格ＣＳＳ原始碼裡面的連結字串不止一組唷!!
像是「文章標題連結」的字串如下：
.title a {}
.title a:hover {}
獨立的區塊~如果沒設定到的話就不會出現刪除連結線的效果
這時候並不是因為語法有誤的問題，而是你可能漏了哪一組沒修正到噢!!
各位應該都有發現~我在語法尾端都有加入「!important」
因為必須是有點網頁基礎的人才會了解....所以在此「!important」的意義不做累述
有興趣的人可以由此延伸閱讀了解噢!!
語法有「越下方的越有優先權」的淺規則~所以當您貼上語法時
建議貼在原語法的最下方~應該是比較不會出錯的噢!!
留言列表
