Angularjs 为fab按钮添加背景色，使对比度更好

我正在使用angular自己的材质实现，并使用带有工具提示功能的fab按钮。它工作得很好，但我想让它像Android上的谷歌日历应用一样

---

那么，如何修改代码以添加白色背景，并在没有鼠标的情况下显示工具提示呢？我是否必须为fab按钮编写一个新的指令，或者我可以为此更改添加另一个指令？

请查看更多选项演示

它使用

md autohide=“false”

和

md visible=“tooltipVisible”

属性设置工具提示是否应可见。然后，在控制器中，它观察FABs

isOpen

变量的变化，并在短延迟（600ms）后，将

tooltipVisible

设置为true：

  // On opening, add a delayed property which shows tooltips after the speed dial has opened
  // so that they have the proper position; if closing, immediately hide the tooltips
  $scope.$watch('demo.isOpen', function(isOpen) {
    if (isOpen) {
      $timeout(function() {
        $scope.tooltipVisible = self.isOpen;
      }, 600);
    } else {
      $scope.tooltipVisible = self.isOpen;
    }
  });

至于工具提示的颜色，您应该能够向工具提示添加自定义CSS类，然后使用该类更改背景颜色。比如：

md-tooltip.white-tooltip .md-content {
  background-color: white;
  color: black;
}

---

它可以用于显示，但当我移动鼠标时，工具提示消失了…@mimo-事实上，它似乎与当前问题有关：