[點(diǎn)晴永久免費(fèi)OA]點(diǎn)擊input時(shí)，不顯示邊框！
① input{ outline: none; } 鼠標(biāo)點(diǎn)擊input時(shí)，出顯的黑色邊框，怎么去除的問(wèn)題？ input{ outline: none; } 可以給邊框（border）設(shè)置一個(gè)顏色，然后把邊框輪廓(outline)給去掉，點(diǎn)擊的時(shí)候就不會(huì)出現(xiàn)黑色的邊框了，outline設(shè)置輪廓的樣式，樣式是 none 時(shí)，輪廓不會(huì)出現(xiàn)，希望對(duì)大家有幫助！ ②:focus 偽類(lèi)選擇器 像這種問(wèn)題一般都用在 :focus 偽類(lèi)選擇器 ，用于選取獲得焦點(diǎn)的表單元素，焦點(diǎn)也即是光標(biāo)。 一般情況下 input 類(lèi)表單元素才能獲取:focus偽類(lèi)選擇器。廢話不多少上代碼 ，在input:focus 中，點(diǎn)擊去除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ò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
