Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

guihh25

CSS Style iPhone diferente

Recommended Posts

Olá pessoal,

 

Estou tendo um problema com um botao de um site que estou fazendo. No caso, o botao input do tipo submit contém alguns atributos no style e ao abrir em navegador ele aparece do jeito que deveria aparecer mas, quando abro a página em um navegador de smartphone (testei apenas no iphone) esse botão fica diferente do que deveria aparecer.

 

Alguém sabe o que pode ser?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei.

Que diferença é essa?

 

A diferença é que no navegador do desktop o botão fica com o o tom de azul correto e com um border-radius de 5px. Ao abrir no navegador do smartphone ele fica com um tom grandient e parece que com um border-radius maior tipo 15px.

Compartilhar este post


Link para o post
Compartilhar em outros sites

cola algum código ai pra gente ver.

 

No html está o seguinte:

 

<input type="submit" style="margin-top:25px; width:370px; height: 70px; cursor: pointer; background:#0d7ad4; font-size:14px; color:#FFF;"

value="Criar Conta">

 

E no css style:

#register_form input{		font-family:Verdana, Geneva, sans-serif;	font-size:12px;	color:#FFF;	padding-left: 5px;	border:solid 1px #2a2c2f;	border-radius:5px;	height:35px;

}

 

Botão como tinha que ficar

 

35mm720.jpg

 

Botão como aparece no smartphone

 

f23tjn.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

estranho, será que não tem algum outro css sobreponto?

 

faz um teste, no "style" no input coloca um "!important" ao lado da cor do background.. vamos ver se vai dar certo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

estranho, será que não tem algum outro css sobreponto?

 

faz um teste, no "style" no input coloca um "!important" ao lado da cor do background.. vamos ver se vai dar certo.

 

Consegui resolver rikaschmitt.

 

Para resolver tive que adicionar o -webkit-appearence: none;

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.