Friday, December 13, 2013

It turns out you may slap :hover on anything and not just an a tag.

.danger-stop-alert a:hover ...is an example of how I am used to using hover, but if you press the :hover up against something else it will work too. I'm just now realizing this. :P The following makes a hover effect for the text inside a div without the need for a link. In fact, a link should sabotage the effect. I'll drive what happens upon a click from AngularJS's ng-click.

.danger-stop-alert {
   color: #c0392b !important;
}
.danger-stop-alert:hover {
   color: #000000 !important;
   cursor: pointer;
}

No comments:

Post a Comment