HTML怎么取消文本框的輸入邊框？文本框的border屬性可用于刪除邊框。1. 創(chuàng)建一個新的HTML文檔，并將一些輸入標(biāo)記添加到body標(biāo)記中。默認(rèn)情況下，瀏覽器中的文本框有1px邊框：2。將樣式標(biāo)記

HTML怎么取消文本框的輸入邊框？

文本框的border屬性可用于刪除邊框。

1. 創(chuàng)建一個新的HTML文檔，并將一些輸入標(biāo)記添加到body標(biāo)記中。默認(rèn)情況下，瀏覽器中的文本框有1px邊框：

2。將樣式標(biāo)記添加到head標(biāo)記并設(shè)置輸入的樣式。在這里，為了方便演示，設(shè)置文本框的灰色背景色：

3。設(shè)置輸入標(biāo)簽的border屬性，屬性值為“0”。然后頁面中中文文本框的邊框被刪除：

input邊框怎么去掉？

工具/原材料

計算機(jī)

升華文本編輯器

找到問題

1

首先，我們在HTML頁面中輸入輸入的相關(guān)代碼；

2

當(dāng)我們用瀏覽器查看時，我們會發(fā)現(xiàn)當(dāng)我們點擊輸入時，會出現(xiàn)藍(lán)色邊框；

結(jié)束

解決問題

1

查找各種信息后發(fā)現(xiàn)這是默認(rèn)的輸入樣式。當(dāng)然，我們還有一個解決方案~，你可以用CSS刪除藍(lán)色邊框，有三種方法：

第一：直接在輸入中添加樣式=“大綱：無“如圖所示

2

第二種方式：直接控制CSS樣式中的頂部樣式：

3

??具/原料

電腦

sublime text 編輯器

發(fā)現(xiàn)問題

1

首先我們在html頁面中輸入input的相關(guān)代碼；

2

用瀏覽器查看時，會發(fā)現(xiàn)點擊input出現(xiàn)了藍(lán)色邊框；

END

解決問題

1

查找了各方面的資料才知道這是input默認(rèn)的樣式。當(dāng)然我們還是有辦法解決的~，可以用css去除掉藍(lán)色出現(xiàn)的藍(lán)色邊框，有三種方式：

第一種：直接在input中加style=“outline:none”如圖

2

第二種方式：在頂部style中直接控制css樣式：

3

第三種方式：直接用 input:focus { outline: none } 控制聚焦時不出現(xiàn)藍(lán)色邊框~

END

小結(jié)

html很多標(biāo)簽都有默認(rèn)樣式，因此最好在樣式中一開始就給表單標(biāo)簽去除默認(rèn)的樣式問題。

end

summary

HTML多個標(biāo)記有默認(rèn)樣式，所以最好在樣式的開頭刪除表單標(biāo)記的默認(rèn)樣式問題。