微修改前端框架,以滿足項目需求

很多項目的開發都會使用到前端框架,這會使我們的開發更加快速,而且很多時候會比自己寫的要美觀的多。但是有時候框架的樣式不能完全滿足我們項目的需求,要在框架的基礎之上做一些修改,這時候該怎麼做呢:

  • 1.首先在瀏覽器裏面按F12進入開發者模式,使用我們的開發者模式下的工具選中你想要修改的元素,如下圖
    這裏寫圖片描述

  • 2.選中之後右側中部會有該元素的css樣式,找到你要修改的元素樣式,如下圖
    這裏寫圖片描述

  • 3.在我們的jsp或者html頁面裏面再次定義這個樣式,就能覆蓋之前的樣式,如下圖
    這裏寫圖片描述

  • 4.你會看到我們的input框從開始的顏色變爲紅色(此處還修改了另一個屬性——字體,但以背景顏色爲例講解步驟)
    這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章