title: Angular 2: set hover properties using ngStyle
body: <p>I am trying to set the hover property states using <code>[ngStyle]</code>.</p>
  <p>The following only sets the normal state colors. When I mouse over the button, the button does not change to the pressed colors as expected.</p>
  <pre><code>&lt;button (click)=&quot;logout()&quot; 
      class=&quot;btn register-button&quot;
      [ngStyle]=&quot; hover ? 
          {'color': theme.logoutButtonColorPressed,
           'border-color': theme.logoutButtonBorderColorPressed,
           'background-color': theme.logoutButtonBackgroundColorPressed}:
          {'color': theme.logoutButtonColorNormal,
           'border-color': theme.logoutButtonBorderColorNormal,
           'background-color': theme.logoutButtonBackgroundColorNormal}&quot;&gt; 
      Logout
  &lt;/button&gt;
  </code></pre>