如何在按钮图标下添加彩条？

Question

我想在Android和iOS应用程序上选择按钮时在按钮图标下添加一个小条带。我正在使用cordova所以所有UI都是使用bootstrap，jquery和font awesome在html / css中完成的。

<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;}

我试图通过调用它来改变条带的颜色：

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

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