0

ボタンを次のように作成しました

   <a href = "#" data-role = "button" data-theme = "a" id = "button_style" onClick = "check()">

スタイルを適用しようとしました

.button_style{
     ---
 }

CSS と jQueryMobile の両方の効果は、ボタンには適用できません。CSS スタイルと jQueryMobile スタイルの両方を含めると、data-theme などの jQueryMobile 効果はボタンに適用されません。しかし、HTML タグ要素には CSS スタイルと jQueryMobile スタイルの両方が必要です。ボタンの両方を達成するにはどうすればよいですか?

4

4 に答える 4

0

Id（＃）を使用する代わりに、クラス表記（。）を使用したため、適用されません。

使用する

#button_style
{
 ---
 }
于 2012-06-12T04:32:45.123 に答える
0

あなたがここで何を望んでいたかを正確に見なくても、私の試みは次のとおりです。

私は他の回答とコメントからつなぎ合わせました：

CSS:

.button_style {
    width : 40px !important;
    height : 40px !important;
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(63,67,75)), color-stop(1, rgb(40,42,47)) );
    background: -moz-linear-gradient( center bottom, rgb(63,67,75) 0%, rgb(40,42,47) 100% ) !important;
    padding: -3px;
    -webkit-border-radius: 9px !important;
}

HTML:

<div>
    <a href="#" data-role="button" data-theme="a" class="button_style" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="b" class="button_style" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="c" class="button_style" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="d" class="button_style" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="e" class="button_style" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="a" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="b" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="c" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="d" onClick="check()">Test Button</a>
    <a href="#" data-role="button" data-theme="e" onClick="check()">Test Button</a>
</div>

私の考えでは、テーマ ローラーでこれを行うことができますか?

また、いくつかのボタン オプションを試すことができます。

于 2012-06-12T05:45:36.597 に答える
0

これは、button_style がクラスであることを示します。しかし、idがbutton_style..であるボタンがあるので、使用する必要があります

#button_style{
 ---

}

このリンクを確認してください // 編集済み

http://jsfiddle.net/fLq3C/45/

于 2012-06-12T04:30:31.680 に答える
0

あなたのコードでJsfiddleを作成しました。#button_styleスタイルに変更することで正常に動作します。

チェックしてください。乾杯 ！！！

于 2012-06-12T05:01:52.383 に答える