title: How to prevent jQuery mobile button's glow effect overlap other button
body: <p>I want to display my buttons with permanent glow effect: </p>
  
  <pre><code>        &lt;button type="button" class="ui-focus"&gt;test&lt;/button&gt;
  </code></pre>
  
  <p>but the buttons' glowes are overlapping other buttons: </p>
  
  <p><a href="https://i.stack.imgur.com/jjQX1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jjQX1.png" alt="enter image description here"></a></p>
  
  <p>How can I make glows appear at the same z-index?</p>