outline: none; 是一條 CSS 樣式規則，用來取消元素獲得焦點時的默認輪廓線（outline）。
🔍 什么是 outline？
outline 是瀏覽器在某些元素（例如輸入框 <input>、按鈕 <button>、可編輯元素如 <div contenteditable="true">）獲得焦點時，自動加上的一圈虛線或實線邊框，目的是：
提示用戶當前正在操作哪個元素；
幫助鍵盤用戶（例如用 Tab 鍵導航的用戶）識別焦點在哪。
🧪 示例：
默認效果：
<input type="text" placeholder="點我看看">
瀏覽器點擊后會自動顯示一圈藍色或黑色邊框（outline）。
加上 outline: none：
<input type="text" placeholder="點我看看" style="outline: none;">
→ 點擊時不再出現那圈焦點邊框。
?? 注意事項：
雖然 outline: none; 可以讓頁面視覺更“干凈”，但不建議無必要就移除，因為：
影響無障礙性（accessibility）；
會讓使用鍵盤或屏幕閱讀器的用戶不知道焦點在哪；
推薦使用
outline: none;的同時，用其他樣式替代視覺提示。
更合理寫法 ?：
input:focus {outline: none;box-shadow: 0 0 0 2px #4CAF50;
}
代碼：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>input:focus {outline: none;box-shadow: 0 0 0 2px #4CAF50;}</style>
</head>
<body>
<input type="text" placeholder="點我看看"></body>
</html>
)