永远不要选择导航栏按钮 - jquery mobile

时间:2013-03-18 13:32:23

标签: jquery css css3 jquery-mobile

我有一个像这样的导航栏:

http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/slider/#/demos/1.1.0-rc.1/docs/toolbars/docs-navbar.html

但我不想要蓝色背景作为选择。 (当我点击按钮时)

我只想执行操作而不是填充背景蓝色。

1 个答案:

答案 0 :(得分:1)

以下是一个有效的例子:http://jsfiddle.net/Gajotres/Y9pXL/

.ui-focus, .ui-btn:focus {
    -moz-box-shadow:0 0 0 transparent !important;
    -webkit-box-shadow:0 0 0 transparent !important;
    box-shadow:0 0 0 transparent !important;
}

.ui-btn-active {
    border-width: 0px !important;
    background:transparent !important;
    background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent))!important;
    background-image:-webkit-linear-gradient(transparent,transparent)!important;
    background-image:-moz-linear-gradient(transparent,transparent)!important;
    background-image:-ms-linear-gradient(transparent,transparent)!important;
    background-image:-o-linear-gradient(transparent,transparent)!important;
    background-image:linear-gradient(transparent,transparent)!important;
}