標題說的有些含糊,實在不知道怎么描述了,就簡單說一下吧,一個最簡單的表單,代碼如下,沒有任何樣式和名字,
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",
現在就沒有效果了,另外還可以設置邊框的其他顏色
現在就這么一個最簡單的框