Jquery Mobile CSS Android 样式寄宿生不显示在按钮上

Question

希望这会是一个简单的过程。使用以下样式生成 Android 菜单样式按钮(即，当处于事件状态或突出显示时，按钮上的彩色条较粗。)

似乎没有任何 CSS 样式对其进行更改。我为按钮分配了正确的类。我在下面使用的寄宿生示例是否受支持？如果是，我的语法是否正确？如果是这样，对潜在问题有什么想法吗？

我目前使用的是最新版本的 Jquery Mobile。

谢谢人族

.ui-btn-active-androidmenu {
    border: 1px 1px 5px 1px solid #155678 /*{global-active-border}*/;
    z-index: 6;
    background: #387bbe /*{global-active-background-color}*/;
    font-weight: bold;
    color: transparent /*{global-active-color}*/;
    cursor: pointer;
    text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
     font-family:"RobotoRegular";
}

Answer 1

border 语法错误:

border 不会采用单独的宽度。请这样声明:

border: 1px solid #155678;
border-width: 1px 1px 5px 1px;