Tentando colocar cantos arredondados nos botões usando o jQuery e CSS3
-
02-01-2020 - |
Pergunta
CSS3 está
#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>
Mas eu não estou vendo os cantos arredondados....Eu tenho tentado, nos últimos minutos, mas eu não estou vendo os cantos arredondados.
Solução
o jQuery Mobile, na verdade, envolve entradas, dentro de uma DIV com o botão de classes.Você pode facilmente adicionar uma classe de wrapper usando um atributo de dados sobre a entrada de chamada dados-wrapper-class.
Para criar uma classe para os cantos arredondados:
.rounded
{
border-radius: 50% !important;
}
Em seguida, atribua a ele o atributo de dados:
<input type="submit" class = "button" id ="hearitagain" value="Hear It Again" data-wrapper-class="rounded">
Aqui é um trabalho DEMONSTRAÇÃO
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow