[點晴永久免費OA]點擊input時，不顯示邊框！
當(dāng)前位置：點晴教程→點晴OA辦公管理信息系統(tǒng)
→『 經(jīng)驗分享&問題答疑 』
① input{ outline: none; } 鼠標(biāo)點擊input時，出顯的黑色邊框，怎么去除的問題？ input{ outline: none; } 可以給邊框（border）設(shè)置一個顏色，然后把邊框輪廓(outline)給去掉，點擊的時候就不會出現(xiàn)黑色的邊框了，outline設(shè)置輪廓的樣式，樣式是 none 時，輪廓不會出現(xiàn)，希望對大家有幫助！ ②:focus 偽類選擇器 像這種問題一般都用在 :focus 偽類選擇器 ，用于選取獲得焦點的表單元素，焦點也即是光標(biāo)。 一般情況下 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 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
