AngularJS材質設計 - 按鈕盤旋上的md顏色

角度材質非常適合創建以色彩爲主題的網站。同樣是通常的調色板，您可以創建動態的主題不SCSS，使用指令一樣......AngularJS材質設計 - 按鈕盤旋上的md顏色

md-colors="{background:'primary'}"

...設置任何元素的主題色。隨着這樣幾行代碼，你可以很容易地改變你的整個網站的顏色，或者從數據動態地設置：

.config(function($mdThemingProvider) { 
    var color = 'pink'; 
    $mdThemingProvider.theme('dark') 
     .primaryPalette(color) 
     .dark() 
     ;

我的網站有哪些需要懸停狀態的一些自定義的元素，和理想的事情將會使這些照亮在重音顏色或原色。 但是有沒有辦法應用md-colors或類似的懸停狀態？

我的常規懸停狀態看起來像這樣在CSS，當然：

.post a:hover{ 
    background-color:#f00; 
}

這是建立一個codepen讓你玩：https://codepen.io/anon/pen/PJRzOQ

來源

2017-10-08 Leon

您可以檢查[！這（https://stackoverflow.com/questions/39587156/MD-色 - 組 - 懸停色） –

如果有些人不顧一切地使用MD作爲懸停狀態的顏色，根據文檔不可能。但我通過使用md-colors設置背景顏色並將其隱藏在另一個元素後創建了一個解決方法。懸停狀態然後使頂層透明，所以它似乎是一個動態設置的懸停狀態！

這裏你可以看到一個例子：

https://codepen.io/anon/pen/oGqPeE

HTML佈局是這樣的：

<ul ng-if="link" md-theme="myTheme"> 
<li ng-repeat="linkObj in link" md-colors="{background:'primary'}"> 
    <a ng-href="{{linkObj.link_url}}" target="_blank" md-colors="{background:'accent'}">   <span ng-bind="linkObj.link_title" md-colors="{color:'accent'}"></span> 
    </a> 
</li> 
</ul>

來源

2017-10-09 15:34:38 Leon

AngularJS材質設計 - 按鈕盤旋上的md顏色

回答

相關問題