jquery mobile活动导航栏仅用于图标

我正在使用最新的jquery手机。 我有一个关于页脚导航栏的问题

如何仅为图标和文本设置活动导航栏？我附上了一个例子。 我有三个按钮：主页，第二页和导航栏中的搜索

当单击按钮主页或按钮搜索时，如何仅获取图标和文本主页或搜索或第二页的活动状态？ 所以，图标和文本应该是蓝色的，而不是整个按钮

<div data-role="navbar">
  <ul>
    <li><a href="#" data-icon="home">Home</a></li>
    <li><a href="#" data-icon="arrow-r">Page Two</a></li>
    <li><a href="#" data-icon="search">Search</a></li>
  </ul>
</div>

我以前就是这样用的，很管用
如果已包含该文件，请再次检查： jquery.mobile-1.4.2.min.css

活动蓝色是否只是单击的

---

你不理解我。我只希望活动图标和文本为蓝色，而不是整个按钮为蓝色。当用户点击主页时，只有主页图标和名称“home”是蓝色的，而不是整个按钮。有人知道jquery mobile可以做到这一点吗。谢谢，我知道怎么把图标和文字变成蓝色而不是整个按钮吗？好的，谢谢你们的帮助，但我并没有找到解决办法。所以我的问题仍然有效，为什么图标是蓝色的，而不是整个按钮。如果我们有“星”图标，当用户点击该图标“星”时，该图标将变成蓝色，而不是整个按钮。谢谢你这里有几个解决方案，一个是玩CSS，另一个是用jquery移动主题滚轴创建一个带有你想要的颜色的主题D并使用它。如果你到周末才解决这个问题，我将试着让rool进行1小时的测试。。给你一些有用的东西。

<div data-role="footer">
    <div data-role="navbar" data-iconpos="bottom">
        <ul>
            <li><a href="#" data-icon="home">Home</a></li>
            <li><a href="#" data-icon="arrow-r" class="ui-btn-active">Page Tow</a></li>
            <li><a href="#" data-icon="search">Search</a></li>
        </ul>
    </div><!-- /navbar -->