如何定義input標(biāo)簽中type=第一種類型：。樣式1{顏色：紅色}.樣式2{顏色：綠色}&Ltinput type=“text”class=“style1”/>&Ltinput type=“pa

如何定義input標(biāo)簽中type=

第一種類型：。樣式1{顏色：紅色}

.樣式2{顏色：綠色}

&Ltinput type=“text”class=“style1”/>

&Ltinput type=“password”class=“style2”/>

第二個(gè)：

&Ltinput type=“text”style=”顏色：紅色“/>

<輸入類型=”密碼“樣式=”顏色：綠色“/>

第三種類型：CSS3選擇器，IE低版本不支持它

輸入[type=text]{顏色：紅色}

輸入[type=password]{顏色：綠色}

&Ltinput type=“文本”/>

&Ltinput type=“密碼”/>

當(dāng)然，您也可以根據(jù)JS

您可以使用CSS3中的新選擇器“[attribute=value]”同時(shí)選擇指定屬性的標(biāo)簽。

1. 新建一個(gè)HTML文檔，添加5個(gè)輸入標(biāo)記，其中第一個(gè)和最后一個(gè)“type”屬性的屬性值為“text”：

2。在head標(biāo)簽和body標(biāo)簽之間添加一個(gè)style標(biāo)簽，并添加代碼“input[type=text]”，“input”表示標(biāo)簽名，“type”表示屬性名，“text”表示屬性值，將所有屬性命名為“t”3。將所選標(biāo)簽的背景色設(shè)置為紅色，然后屬性值為“text”的第一個(gè)和最后一個(gè)標(biāo)簽的背景色變?yōu)榧t色

偽類選擇器是您最熟悉的：link、：focus、：hover等等，因?yàn)檫@些都是常用的偽類選擇器。下面是如何更改CSS3中常用偽類選擇器的窗體樣式

更改輸入框中占位符的字體樣式：

：-Moz placeholder{/*Mozilla firefox4to18*/color:#f00}：：-Moz placeholder{/*Mozilla firefox19*/color:#f00}輸入：-ms輸入占位符， 文本區(qū)域：-ms輸入占位符{顏色：#F00}輸入：：-WebKit輸入占位符，文本區(qū)域：：-WebKit輸入占位符{color:#F00}

還原移動(dòng)按鈕的樣式：-WebKit-a外觀：無

如何定義input標(biāo)簽中type=

關(guān)于輸入框，瀏覽器會(huì)有自己的樣式，如何修改輸入框的樣式并點(diǎn)擊樣式方法，如下一步。

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