如何在主题滚轮中单击按钮后删除阴影效果

时间:2014-04-30 07:27:39

标签: css jquery-mobile mobile jquery-mobile-themeroller

我知道这可能是一个愚蠢的问题。我一直试图删除点击 ThemeRoller 中的任何按钮一段时间后出现的阴影。数据主题滚轮中没有给出更改颜色或删除颜色的选项。

任何人都可以帮助我。

由于

修改1 好的,在进入css之后,这对我有用了

/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
    -webkit-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
} 

将阴影设为0px而不是默认的12px。

注意:你必须在相应的主题中这样做,比如我的数据主题c

感谢分享回答的人

2 个答案:

答案 0 :(得分:1)

您可以尝试以下样式:

button:active{
box-shadow: none !important;
}

如果问题与box-shadow无关,请尝试大纲。

答案 1 :(得分:1)

好的,在进入css之后,这对我有用了

/* Focus buttons and text inputs with div wrap */
.ui-page-theme-c .ui-focus,
html .ui-bar-c .ui-focus,
html .ui-body-c .ui-focus,
html body .ui-group-theme-c .ui-focus,
html head + body .ui-btn-c.ui-focus,
html head + body .ui-body-c.ui-focus {
    -webkit-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    -moz-box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
    box-shadow: 0 0 0px #3388cc /*{c-active-background-color}*/;
} 

将阴影变为0px而不是默认的12px。

注意:你必须在各自的主题中这样做,比如我的是data-theme-c

感谢分享回答的人