利用CSS取消 input 和 a 在Chrome瀏覽器的選取藍框

利用CSS取消 input 和 a 在Chrome瀏覽器的選取藍框

當套完網版,寫完程式之後,

會發現游標在<input>裡面會出現如上圖的藍色邊框,

當然,這並不是當初網版設計好的,而是瀏覽器產生的效果,

並不是每個客戶都會喜歡這個效果,而如何取消瀏覽器造成的這個邊框?

其實很簡單,只要在加上 outline:none; 這一句語法,即可解決。
 

<input type="text" name="test" style="outline:none;" />

 

 

參考或是複製語法時,別忘了留個言喔 ^ ^ ~