0

サンプル プロジェクトで jQuery モバイルを使用しています。私は3つのボタンを持っています。jQuery ボタン CSS をオーバーライドするように、ボタンのスタイルを変更しています (独自の CSS を追加しています)。しかし、それを追加している間、まだいくつかの小さな白い背景が表示されます. ページを調べたところ、jQuery モバイル ボタンであることがわかりました。その背景を上書きすることはできません。これが私の試みです：http://jsfiddle.net/naveennsit/5DDBD/

.ui-grid-c .ui-btn-inner {
    background: #2b6dbc; 
    color: #FFFFFF; 
    border: 1px solid #000; 
    border-radius: 3px; 
    width: 100px; 
    text-shadow: none; 
    margin-left: 4px; 
}

DOM インスペクターを使用して、これを削除すると、 background: 2b6dbcjQuery モバイル ボタンが表示されます。

どうすればそれを削除できますか?

これを追加すると、フォーカス時とフォーカス解除時に色が変わります。

.ui-btn-up-c{background:#2b6dbc; color:#FFFFFF; border:1px solid #000; border-radius:3px; width:100px; text-shadow:none; margin-left:4px;}
4

5 に答える 5

0

width および margin-left プロパティを .ui-grid-c .ui-btn-inner から削除する必要があります。

于 2013-08-09T10:12:35.843 に答える
0

CSS は「.ui-btn-up-c」クラスから継承しています。「c」テーマで定義されています（data-theme = c）。

したがって、テーマ ローラー jquery Mobile で独自の「c」テーマを定義する最良の方法です。http://jqueryui.com/themeroller/

または、「.ui-btn-up-c」から背景を変更できます。

于 2013-08-09T09:32:41.160 に答える