养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用CSS修改不同input标签的样式

时间:2024-09-20 15:08:40

如何用CSS修改不同input标签的样式

工具/原料

windows7

sublimetext3

IE11

方法/步骤

1、新建一个HTML文件,编写基础的结构。

如何用CSS修改不同input标签的样式

2、新建一个CSS文件,用LINK来进行连接。

如何用CSS修改不同input标签的样式

3、这里创建三种不同类型的input。

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

4、设置一下value,这样好区分。

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

5、用CSS选择器来修改样式。input[type=""]{}这个格式可以快速定位。

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

6、中括号里面可以填写各种属性值来进行定位。

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

如何用CSS修改不同input标签的样式

© 一点知识