修改input輸入框樣式和點(diǎn)擊時(shí)邊框的改變？關(guān)于輸入框，瀏覽器將有自己的風(fēng)格。如何修改輸入框樣式并點(diǎn)擊樣式如下。1. HTML編寫時(shí)，有一個(gè)輸入文本框和一個(gè)input type=button。2. 輸

修改input輸入框樣式和點(diǎn)擊時(shí)邊框的改變？

關(guān)于輸入框，瀏覽器將有自己的風(fēng)格。如何修改輸入框樣式并點(diǎn)擊樣式如下。

1. HTML編寫時(shí)，有一個(gè)輸入文本框和一個(gè)input type=button。

2. 輸入基本樣式書寫，占位符樣式也可以修改，主要是去掉原來的輸入樣式，添加自己的樣式。

3. 單擊時(shí)，輸入框的樣式將更改。單擊時(shí)可以添加動(dòng)畫。單擊輸入框時(shí)會(huì)出現(xiàn)陰影和顏色。

相關(guān)知識(shí)點(diǎn)：

1修改占位符的樣式，文本縮進(jìn)控制文本距離

2修改輸入邊框的樣式，刪除原來的樣式

3單擊時(shí)更改邊框顏色和陰影，框陰影內(nèi)部發(fā)光樣式看起來更好

點(diǎn)擊時(shí)會(huì)添加4個(gè)動(dòng)畫

邊框?qū)傩钥梢杂脕韯h除文本框的邊框。

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”。然后刪除中文文本框邊框上的頁面