[點晴永久免費OA]點擊input時，不顯示邊框！
當前位置：點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
① input{ outline: none; } 鼠標點擊input時，出顯的黑色邊框，怎么去除的問題？ input{ outline: none; } 可以給邊框（border）設置一個顏色，然后把邊框輪廓(outline)給去掉，點擊的時候就不會出現黑色的邊框了，outline設置輪廓的樣式，樣式是 none 時，輪廓不會出現，希望對大家有幫助！ ②:focus 偽類選擇器 像這種問題一般都用在 :focus 偽類選擇器 ，用于選取獲得焦點的表單元素，焦點也即是光標。 一般情況下 input 類表單元素才能獲取:focus偽類選擇器。廢話不多少上代碼 ，在input:focus 中，點擊去除input 顯示的邊框，如下：（圖片可以忽略） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度輸入框</title> <style> input { width: 520px; height: 40px; border: none; box-shadow: 0px 1px 2px #888888 inset; background: url(./images/camera_01.png) no-repeat 480px center; } input:focus { width: 520px; height: 40px; border: none; outline: none; box-shadow: 0px 0px 3px #005efe inset; background: url(./images/camera_02.png) no-repeat 480px center; } </style> </head> <body> <input type="text" name="" id=""> </body> </html> 該文章在 2023/6/6 0:24:48 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
