如何使用 CSS 來移除 Button 點擊後出現的藍色框線

Lawrence Yi-Hsuan Chuang
1 min readApr 19, 2019

--

之前在寫網頁時,有出現過按下 Button 後會出現藍色的點擊框線,其實不影響功能,但實際上卻影響整體的網頁美觀與設計,我們可以如何移除這個框線效果來達成美觀效果呢?其實可以簡單的透過下方的 CSS 語法來完成!

CSS 控制語法

未加語法前:

我們可以很明顯地看到,箭頭旁邊點擊後會出現藍色框線。

但在加入語法後:

希望有幫助到需要的朋友囉!

--

--

Lawrence Yi-Hsuan Chuang

擁有超過9年工作經驗的工程師,目前在University of Nevada, Reno就讀Computer Science的碩士生,曾在軟體、銀行顧問和物聯網產業服務並擁有豐富的經驗。在這裡主要分享個人在學習技術方面的心得與知識。此外,我也是攝影愛好者,如果有任何關於技術、職場或攝影的問題,都歡迎一起討論、交流!