有什么方法可以在激活时只突出显示 ui-icon 而不是整个按钮? *jQuery 手机相关*

Is there any way to highlight just ui-icon when active instead of whole button? *jQuery Mobile Related*

我有一个带有几个按钮的页脚和导航栏。每个按钮都有图标和文本。我希望在 active/selected 时突出显示图标和文本,而不是突出显示整个按钮。这在 jQuery 移动设备中可行吗?

下面的示例代码:

https://jsbin.com/vefahejali/1/edit?html,js,output

用这些覆盖默认 jQuery CSS:

#pageone .ui-btn-active {
  background: inherit;
  color: #3388cc;
  border:none
}

#pageone .ui-btn-active:after {
  background-color: #3388cc;
}

jsBin 分叉: https://jsbin.com/fimiruyali/edit?html,css,output


输出: