Попытка разместить округлые углы на кнопках с помощью 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