HTML頁面表單輸入框去掉鼠標選中后邊框變色的效果


  標題說的有些含糊,實在不知道怎么描述了,就簡單說一下吧,一個最簡單的表單,代碼如下,沒有任何樣式和名字,

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>文本框鼠標點中時邊框不變色</title>
 6 </head>
 7 <body>
 8     <input type="text" />
 9 </body>
10 </html>

那么瀏覽器在默認狀態下表單工作時會有個邊框效果,就是選中后的效果,我們來看

360安全瀏覽器        360極速瀏覽器             chrome瀏覽器

 

這三種效果后兩種藍色邊框,比較好看,但是第一個顏色總感覺不是太舒服,下面去掉這個效果,在CSS中加上一行:

.style1{outline: none;}

然后在input里面使用class選擇器就行了,class="style1",

現在就沒有效果了,另外還可以設置邊框的其他顏色

 

現在就這么一個最簡單的框


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM