1

次のような送信ボタンがあります。

<input type="submit" data-corners="false" id="code_check_button" tabindex="5" data-rel="external" value="GO">

これ - カスタム CSS テーマを使用 - これを出力します: http://sht.tl/59y3m

ここで、id (#code_check_button) を使用して、より具体的なボタンのスタイルを設定したいと思います。

残念ながら、jquerymobile は、私が制御できないコードのスニペットで入力タイプ送信を自動的に変換します: http://sht.tl/cQqお気づきの ように、元のボタン ID は役に立ちません...

そのボタンのスタイルをカスタマイズする方法を教えてください (もちろん、追加のタグでラップせずに...)。ありがとうございました！

4

4 に答える 4

0

これを実現する方法はたくさんあります。いくつかの例を次に示します。

submit {
     styles:styles;
}

古いブラウザでは最も互換性がありません：

input[type="submit"] {
     styles:styles;
}

次に、IDをターゲットにできます。

#code_check_button {
     styles:styles;
}
于 2012-06-18T13:17:33.183 に答える
0

CSS

#code_check_button {
color:#000 !important;
width:200px !important;
}

すべてのcssプロパティに！importantタグを追加したことがわかります。これは、jQモバイルのデフォルトスタイルが上書きされたためです。

于 2012-06-18T13:43:59.850 に答える
0

何かがあなたの意図した css を役に立たないコードに変更し続ける場合、これは単純なテキストに頼る状況である可能性があります (例: Mac の場合は nano、Windows の場合はメモ帳)。これらのプログラムを使用すると、作業が簡単になりますが、時には複雑になることもあります。ボタンのスタイルをカスタマイズするには、id またはクラス セレクター名を入力タグに入力し、その css を入力するだけです。例えば

CSS

#code_check_button { background-image: url(/*desired image url*/);
                     background-color: /*desired background color*/;
                     color: /*desired font color*/; }

HTML

<input id="code_check_button" type="submit" name="submit">

今度はメモ帳で試してみてください。

于 2012-06-18T13:33:37.620 に答える
0

スタイルシートに ID を追加し#code_check_button、必要なスタイルを指定します。以下の例を参照してください:-

#code_check_button {
    your desired style properties here...
}

編集：

生成された div のクラスを使用して、それに応じてボタンのスタイルを設定できます。この生成されたスニペットには、スタイルを設定する 2 つの要素があります。以下を見つけてください:-

.ui-btn {
   style properties here...
}
.ui-btn .ui-btn-text {
   style properties here...
}
于 2012-06-18T12:56:59.340 に答える