input，text的邊框如何修改

關於input輸入框瀏覽器會有自帶的樣式，如何修改input輸入框的樣式和點選時的樣式方法如下。

1、html的寫法，有一個input文字框和一個input type=button的按鈕。

2、input的基本樣式書寫，placeholder的樣式也可以修改，主要去掉原有的input樣式，加入自己的樣式。

3、點選時，input輸入框樣式改變，可以為點選時加入動畫，點選輸入框時有陰影和顏色。

涉及到的知識點：

1 placeholder的樣式修改 ，text-indent控制文字距離

2 input邊框的樣式修改 ，去掉原有樣式

3 點選時邊框顏色和陰影的變化 box-shadow內發光樣式貌似比較好看

4 點選時會有動畫加入

因為input輸入框還有2px的邊框等，以200px寬度、80px高度為例，解決辦法如下：

需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，開啟html編輯器，新建html檔案，例如：。

2、在中的&ltstyle>標籤中，輸入css程式碼：input {width: 196pxheight: 75px}。

3、瀏覽器執行頁面，此時發現輸入框的寬剛好200px，高剛好80px。