border-radius não funciona no navegador Android nativo moderno
Eu tenho uma página que usa raio de borda. Não aparece arredondado no navegador Android nativo; aparece com cantos quadrados. Ele aparece arredondado no desktop Chrome, IE, FF, etc bem, mas não no navegador do telefone nativo. Alguém sabe se isso é um problema com o próprio navegador, alguma extensão CSS adicional que não estou usando, etc?
Aqui está o meu CSS (no demo):
.bigButton2
{
width: 320px; height: 200px; margin: auto;
padding: 20px;
background-color: #521c0b; color: #FFFFFF;
border: 3px solid #e3b21e;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
Eu configurei um JSFiddle:http://jsfiddle.net/VJvQA/
Eu tentei com preenchimento, sem preenchimento, com dimensionamento de caixa, sem dimensionamento de caixa, e apenas aparece como cantos afiados. Qualquer ajuda ou insight seria apreciado.
Eu percebo que alguém postou isso já em (estilo border-radius não funciona no navegador android), mas ele não forneceu nenhum código, JSFiddle, e foi incorretamente respondido com uma questão geral sem qualquer resposta real; Eu iria downvote-lo se eu pudesse, mas eu assumi prodviding uma pergunta real bem escrita seria melhor. Obrigado!