&

admin

2023年6月6日 0:24 本文熱度 1991

① input{ outline: none; }

鼠標點擊input時，出顯的黑色邊框，怎么去除的問題？

input{ outline: none; }

可以給邊框（border）設(shè)置一個顏色，然后把邊框輪廓(outline)給去掉，點擊的時候就不會出現(xiàn)黑色的邊框了，outline設(shè)置輪廓的樣式，樣式是 none 時，輪廓不會出現(xiàn)，希望對大家有幫助！

②:focus 偽類選擇器

像這種問題一般都用在 :focus 偽類選擇器，用于選取獲得焦點的表單元素，焦點也即是光標。

一般情況下 input 類表單元素才能獲取:focus偽類選擇器。廢話不多少上代碼，在input:focus 中，點擊去除input 顯示的邊框，如下：（圖片可以忽略）

<!DOCTYPE html>

<html>

<head>

<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>

</body>

</html>

該文章在 2023/6/6 0:24:48 編輯過

關(guān)鍵字查詢

相關(guān)文章

正在查詢...