在css中，可以给input标签添加class属性，通过class定义input输入框的样式。下面小编举例讲解如何用css改变输入框样式 。品牌型号：html+css系统版本：代码编辑器：zend studio 10.0 方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解如何用css改变输入框样式 。

2/6

在test.html文件中，使用input标签创建多个输入框，用于测试。

3/6

在test.html文件中，设置input标签的class属性为mytest。

4/6

在css标签内，通过class设置input的样式。

5/6

在css标签内，使用width属性设置input的宽度为100px，使用height属性设置input的高度为50px，使用border属性让input的边框为红色。

6/6

在浏览器打开test.html文件，查看结果。

总结：1/1

1、使用input标签创建多个输入框，设置input标签的class属性为mytest。2、在css标签内，通过class设置input的样式。3、在css标签内，使用width属性设置input的宽度为100px，使用height属性设置input的高度为50px，使用border属性让input的边框为红色。4、在浏览器打开test.html文件，查看结果。

CSS