text的边框如何修改 input

关于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。