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

  • 原创
  • |
  • 浏览：5846
  • |
  • 更新：
  • |
  • 标签：CSS HTML 修改 
  • 如何用CSS修改不同input标签的样式1
  • 如何用CSS修改不同input标签的样式2
  • 如何用CSS修改不同input标签的样式3
  • 如何用CSS修改不同input标签的样式4
  • 如何用CSS修改不同input标签的样式5
  • 如何用CSS修改不同input标签的样式6
  • 如何用CSS修改不同input标签的样式7
分步阅读

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

工具/原料

  • windows 7
  • sublime text 3
  • IE11

方法/步骤

  1. 1

    新建一个HTML文件，编写基础的结构。

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

    新建一个CSS文件，用LINK来进行连接。

    如何用CSS修改不同input标签的样式
  3. 2
    相关内容非法爬取自百度经验
  4. 3

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

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

    设置一下value，这样好区分。

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

    用CSS选择器来修改样式。

    input[type=""]{}这个格式可以快速定位。

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

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

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

注意事项

  • 属性值要加双引号
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签CSSHTML修改