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颜色

回答

相关问题