0

うまくいけば、これは簡単なものになるでしょう。次のスタイルを使用して、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";
}
4

1 に答える 1

1

構文エラーborder：

はborder個々の幅を取りません。このように宣言してください：

border: 1px solid #155678;
border-width: 1px 1px 5px 1px;
于 2012-11-07T09:48:50.923 に答える