jQuery MobileとCSS3を使用してボタンに丸みを帯びたコーナーを配置しようとしている
-
02-01-2020 - |
質問
CSS3は
です#hearitagain
{
border-radius: 50% !important;
}
.
HTML5は
です<div data-role="page" data-theme="a">
<p id="question"> The Terminator </p>
<label for="basic"> </label>
<input type="text" name="name" id="basic" value="">
<div class="ui-grid-a">
<div class="ui-block-a"> <input type="submit" class = "button" id ="checkanswer" value="Confirm"> </div>
<div class="ui-block-b"> <input type="submit" class = "button" id ="hearitagain" value="Hear It Again"> </div>
</div>
</div>
.
しかし、私は丸い角を見ていません....私は過去数分間試していますが、丸い角を見ていません。
解決
jQuery Mobileは、実際にはボタンクラスを使用してDIV内の入力をラップします。 データのデータのデータ属性を使用して、ラッパーにクラスを簡単に追加できます。ラッパークラス 。
だから丸みを帯びたコーナーのクラスを作成します。
.rounded
{
border-radius: 50% !important;
}
.
その後、データ属性に割り当てます。
<input type="submit" class = "button" id ="hearitagain" value="Hear It Again" data-wrapper-class="rounded">
.
これは働いていますデモ
所属していません StackOverflow