Flarum 修改搜尋框圖示按鈕的顏色

4,317 0

本教程純屬多餘,只是本人覺得改一下顏色比較好看而已,畢竟蘿蔔青菜各有所愛,可能也有人會喜歡原來的顏色,但還是記錄一下吧,萬一有人和我一樣喜歡改成別的顏色呢,先上圖

過程

先找到搜尋框的類名,F12 檢查元素

取得 .Search-input:before 類名,開啟

Less
/vendor/flarum/core/less/lib/Search.less

按照下圖修改,左邊是已修改的,右邊是原版的

需要改成如下 CSS

CSS
background: #2aaaff;
color: #fff;
border-radius: 4px 0 0 4px;
padding-left: 40px;
padding-right: 10px;

Background 與網站主題顏色同步

CSS
background: #2aaaff; 
改成
background: @primary-color;

評論

(0)

暫無評論,來說兩句吧

發佈評論

© 2026 一紙忘憂. 保留所有權利.

一紙忘憂的個人網站,關於技術探索與日常生活,記錄 Web 開發、後端與 DevOps 實踐,分享軟體工具、數位體驗,以及程式碼之外的見聞與思考。