微修改前端框架,以满足项目需求

来源:互联网 发布:电脑禁止安装软件 编辑:程序博客网 时间:2024/06/05 22:33

很多项目的开发都会使用到前端框架,这会使我们的开发更加快速,而且很多时候会比自己写的要美观的多。但是有时候框架的样式不能完全满足我们项目的需求,要在框架的基础之上做一些修改,这时候该怎么做呢:

  • 1.首先在浏览器里面按F12进入开发者模式,使用我们的开发者模式下的工具选中你想要修改的元素,如下图
    这里写图片描述

  • 2.选中之后右侧中部会有该元素的css样式,找到你要修改的元素样式,如下图
    这里写图片描述

  • 3.在我们的jsp或者html页面里面再次定义这个样式,就能覆盖之前的样式,如下图
    这里写图片描述

  • 4.你会看到我们的input框从开始的颜色变为红色(此处还修改了另一个属性——字体,但以背景颜色为例讲解步骤)
    这里写图片描述

阅读全文
0 0