路由按鈕樣式設定

2021-10-19 05:13:14 字數 540 閱讀 6433

標籤按鈕被單擊訪問,其對應元件就顯示,為了使得使用者體驗比較好,要給當前的按鈕設定與眾不同的css樣式,使得可以很清楚地知道是哪個按鈕正在被訪問,增強使用者體驗。

語法

lang

="less"

scoped

>

/*給啟用按鈕設定高亮樣式*/

.router-link-active

style

>

通過觀察,發現按鈕被訪問啟用後,其對應的html標籤就會存在 class=「router-link-active」 的屬性值

提示

​ 被啟用的按鈕的class屬性值裡邊還有乙個值為 router-link-exact-active 的資訊,不要使用,其表達的意思是,只有路由嚴格匹配的時候才會出現這個資訊,模糊匹配時候該資訊就沒有了,造成高亮失效,可以用來設定子路由按鈕樣式。

qss設定平面按鈕 QSS基礎 設定控制項樣式

1 qss基礎 設定同類控制項樣式 qss基礎 qt style sheet qt樣式表 用於設定控制項的樣式和風格 比如控制項的背景色,字型顏色,字型大小等 和css的功能比較相似,功能相似 from pyqt5.qtcore import from pyqt5.qtgui import from...

按鈕組樣式

ulclass buttongroup li aid btn copy href webroot cardpurchasedetails add class a demo two rel leanmodal 再次購買a li li aid btn activate href activate cla...

修改按鈕的樣式

修改按鈕的樣式 有過程式設計經歷的都知道,vs 2008預設生成的按鈕在編輯狀態下的樣式還看得順眼,但執行時的外觀就不堪入目了,跟windows 98的主題差不多,很死板。我們能不能修改一下按鈕的外觀呢?答案是肯定的。下面我們就共同 下修改按鈕樣式的方法。修改按鈕樣式的實質其實就是用位圖資源替代普通...