title: HTML Button Tag Style On Hover
body: <p>I am using the HTML button tag but the style mentioned below should only apply to the top menu rather than the other button tags in the site. I tried using the code <code>button.menuButton:hover</code> but it does not work</p>
  <pre><code>&lt;button id=&quot;menuButton&quot; type=&quot;button&quot; name=&quot;menuButton&quot; title=&quot;Logout&quot;&gt;
      &lt;img src=&quot;images/commonicons/logout.png&quot; alt=&quot;Logout&quot; id=&quot;imgLogout&quot; /&gt;&lt;br /&gt;&lt;b&gt;Logout&lt;/b&gt;
  &lt;/button&gt;
  </code></pre>
  <p>and applying the below style which will show the bottom border as ridge with Lime color and rest of the sides will be in dashed mode.</p>
  <pre><code>button:hover {
      border: 1px dashed #CCCCCC;
      border-bottom: 2px ridge Lime;
  }
  </code></pre>