修改input輸入框樣式和點擊時邊框的改變？關于輸入框，瀏覽器將有自己的風格。如何修改輸入框樣式并點擊樣式如下。1. HTML編寫時，有一個輸入文本框和一個input type=button。2. 輸

修改input輸入框樣式和點擊時邊框的改變？

關于輸入框，瀏覽器將有自己的風格。如何修改輸入框樣式并點擊樣式如下。

1. HTML編寫時，有一個輸入文本框和一個input type=button。

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

3. 單擊時，輸入框的樣式將更改。單擊時可以添加動畫。單擊輸入框時會出現陰影和顏色。

涉及的知識點：

1修改占位符的樣式，文本縮進控制文本距離

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

3單擊時更改邊框顏色和陰影，框陰影中的發(fā)光樣式看起來更漂亮

單擊時將添加4個動畫

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

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

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

1。首先，我們創(chuàng)建一個只有一個輸入框的簡單HTML文檔。然后定義輸入框的寬度和高度，以及字體顏色大小和占位符2的值。然后我們在瀏覽器中查看，并在輸入框中找到提示文本，即占位符是灰色的，而不是我們設置的顏色。我們檢查元素，看到輸入的顏色值是紅色的。三。這是因為占位符中文本的顏色不受輸入的顏色值控制，所以需要重寫它。我們需要在元素后面添加：然后添加輸入占位符屬性。4但這還不夠。現在有許多瀏覽器內核。我們需要同時考慮多個瀏覽器，因為瀏覽器這個所謂屬性的兼容性不是很好。5在此設置之后，頁面中所有輸入標簽的占位符中的文本為藍色。我們可以添加一個類來區(qū)分輸入