Styling md-tooltip (Angular Material 1.1.3)

Question

I have an md-tooltip that I developed using css as follows:

md-tooltip .md-content {
///custom values, styling is not applied
}

However, after the release of 1.1.2 angular material, this style is not selected and is useless in tooltips. Does anyone encounter a similar problem?

Answer 1

If you want to style all your hints just redefine the .md-tooltipclass:
( JsFiddle )

.md-tooltip {
    height: 35px !important;
    background-color: red !important;
    color: white !important;
    border-radius: 5px;
}

</" > , , md-tooltip:
(jsFiddle)

HTML

<md-tooltip class="custom-tooltip">
    I'm a custom tooltip
</md-tooltip>

CSS

.custom-tooltip {
  top: 25px !important;
  height: 35px !important;
  background-color: red !important;
  color: white !important;
  border-radius: 5px;
}