Android 如何在按钮图标下添加色带？

我想在android和iOS应用程序上选择按钮时，在按钮图标下添加一个小色带。我使用cordova，所以所有的UI都是在html/css中使用引导、jquery和字体来完成的

<button id="settings" class="mtt-navbar-item">
  <div class="colorstrip-inactive" id="settings_strip">
    <i class="fa fa-cog"></i>
  </div>
</button>

css classes:
.colorstrip-active{border-bottom:5px solid #287972;}
.colorstrip-inactive{border-bottom:5px solid #cccccc;}

---

但经过研究，显然按钮内的div是非法的。所以这不起作用。有没有人能解决这个问题？

似乎很好：。你期待什么？使用bootstrap 3.2、jquery 1.9.1，在android和iOS的chrome和safari中不起作用

$('#settings_strip').removeClass('colorstrip-inactive').addClass('colorstrip-active');