去掉input的默認(rèn)邊框 HTML怎么取消文本框的輸入邊框?
HTML怎么取消文本框的輸入邊框?您可以使用border屬性刪除文本框的邊框。1. 創(chuàng)建一個(gè)新的HTML文檔,并將一些輸入標(biāo)記添加到body標(biāo)記中。默認(rèn)情況下,瀏覽器中的文本框有1px邊框:2。將樣式
HTML怎么取消文本框的輸入邊框?
您可以使用border屬性刪除文本框的邊框。
1. 創(chuàng)建一個(gè)新的HTML文檔,并將一些輸入標(biāo)記添加到body標(biāo)記中。默認(rèn)情況下,瀏覽器中的文本框有1px邊框:
2。將樣式標(biāo)記添加到head標(biāo)記并設(shè)置輸入的樣式。在這里,為了方便演示,設(shè)置文本框的灰色背景色:
3。設(shè)置輸入標(biāo)簽的border屬性,屬性值為“0”。然后頁(yè)面邊框的中文文本框被刪除:
修改input輸入框樣式和點(diǎn)擊時(shí)邊框的改變?
關(guān)于輸入框,瀏覽器會(huì)有自己的風(fēng)格。如何修改輸入框的樣式和點(diǎn)擊時(shí)的樣式如下。
1. HTML編寫時(shí),有一個(gè)輸入文本框和一個(gè)input type=button。
2. 輸入基本樣式書寫,占位符樣式也可以修改,主要是去掉原來的輸入樣式,添加自己的樣式。
3. 單擊時(shí),輸入框的樣式將更改。單擊時(shí)可以添加動(dòng)畫。單擊輸入框時(shí)會(huì)出現(xiàn)陰影和顏色。
涉及知識(shí)點(diǎn):
1修改占位符樣式,文本縮進(jìn)控制文本距離
2修改輸入邊框樣式,刪除原有樣式
3點(diǎn)擊時(shí)改變邊框顏色和陰影,方框陰影中的發(fā)光樣式看起來更漂亮
4點(diǎn)擊時(shí)會(huì)添加動(dòng)畫