input標籤在使用的時候會有邊框樣式。當input聚焦的時候又會顯示出乙個藍色邊框。
很多時候我們並不需要這種預設樣式的邊框，就需要去除邊框。
給需要去除的標籤新增css樣式：
border: none;去除input預設的邊框
outline:none;去除聚焦時的藍色邊框
outline-width:0去除聚焦時的藍色邊框
或者直接input:focus去除所有input的聚焦邊框
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
input
input:focus
<
/style>
<
/head>
"text"
>
提交資料<
/button>
<
/body>
<
/html>
去除input標籤focus時藍色邊框
問題 當使用input標籤時，它會有乙個預設樣式，即當其獲取到焦點時，會有乙個藍色邊框效果。如下圖 未獲取焦點時 獲取到焦點時 我們在控制台檢視input focus如下圖。發現並沒有相關的樣式。事實上這是input的outline屬性帶來的問題。當我們加上 input 就能解決這個問題。同樣有這個...
去除input邊框
去除input邊框 input去除邊框 去除input框獲取焦點時的藍色外邊框 sunrainamazing 去除input的邊框僅僅用border屬性 其實是不能滿足我們的需求的 此外還需要加上outline屬性才可以 實現我們想要的樣式 如下圖展示 邊框input3 獲取焦點的樣式 很明顯，有乙...
chrome去除藍色邊框和黃色背景色
1 chrome在選中文字框後會出現藍色邊框，如何去掉呢？給文字框新增這個樣式屬性就可以解決問題了 outline none 這也是由於chrome瀏覽器預設的給自動填充的文字框新增了背景樣式屬性，chrome瀏覽器中檢視元素裡可以看到 這裡第一想法是直接覆蓋這個background color，但...