去除input邊框 input去除邊框 去除input獲取焦點時的藍色外邊框
阿新 • • 發佈：2018-06-09
wid TE :focus 技術 In code AC border spa
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>去除input的邊框</title> 6 <style> 7 input{text-indent: 1em;} 8 #search1{ } 9 #search2{ border-width: 0; } 10 #search3{ border:1px solid red; } 11 #search4{ outline:medium;} 12 /*獲取焦點時 外邊框顯示紅色*/ 13 #search4:focus{ border:1px solid red; } 14 #search5:focus{ border:1px solid red; } 15 #search5: { appearance: none; } 16 17 18 </style> 19 </head> 20 <body> 21 <br/> 22 <input type="text" id="search1" name="search" 23 placeholder="請輸入搜索內容1" /> 24 25 <input type="text" id="search2" name="search" 26 placeholder="請輸入搜索內容2" /> <br/><br/> 27 28 <input type="text" id="search3" name="search" 29 placeholder="請輸入搜索內容3" /> 30 31 <input type="text" id="search4" name="search" 32 placeholder="請輸入搜索內容4" /> <br/><br/> 33 34 <input type="text" id="search5" name="search" 35 placeholder="請輸入搜索內容5" /> <br/><br/> 36 37 </body> 38 </html>
去除input邊框 input去除邊框 去除input獲取焦點時的藍色外邊框