css a標簽去除下划線
css a標簽去除下划線 a{text-decoration:none; } ...
.router link active text decoration: none vue的router link默認的a標簽點擊會有一個陰影 ...
2017-11-14 21:18 0 1142 推薦指數:
css a標簽去除下划線 a{text-decoration:none; } ...
.router-link-active { text-decoration: none; color: #ffd04b; } a { text-decoration: none; color: #fff; } ...
使用router-link實現路由跳轉,代碼如上, 雖然能實現跳轉了,但是文字帶有了下划線,不好看 要消除下划線,增加一下樣式代碼即可: a { text-decoration: none; } .router-link ...
控制超鏈接樣式 鏈接的四種狀態: a:link - 普通的、未被訪問的鏈接 a:visited - 用戶已訪問的鏈接 a:hover - 鼠標指針位於鏈接的上方 a:active - 鏈接被點擊的時刻 去除CSS超鏈接下划線 a:link ...
...
在vue1.0版本的超鏈接標簽還是原來的a標簽,鏈接地址由v-link屬性控制 而vue2.0版本里超鏈接標簽由a標簽被替換成了router-link標簽,但最終在頁面還是會被渲染成a標簽的 至於為什么要把a換成router-link原因還是有的,比如我們之前一直慣用的nav導航里面結構 ...
這個主要是text-decoration屬性,顏色的話就是普通的了 ...