Customizar input[text] no site responsivo

[Ishida Geraldo Yukio 0]

Bom dia,

 

Estou com problema em um site reponsivo que estou criando utilizando bootstrap.

Quando insiro um input ele fica com borda arredondado mesmo colocando border-radius:0px .

Desabilitei o CSS do bootstrap mas mesmo assim continua persistindo o problema.

 

Alguem sabe qual poderia ser o problema?

 

 

 

[bruno_mosciatti 22]

Print, Código HTML/CSS...

[Bru_ce 53]

coloca a tag important nele:

 

 

#seuInput {
border:none !important;
}

[Ishida Geraldo Yukio 0]

HTML

<div class="busca">
	<form id="searchform" class="searchform" role="search" action="http://requiao.redsuns.com.br/" method="get">
		<input id="s" class="field" type="search" placeholder="Pesquisar no site..." value="" name="s">
		<input id="searchsubmit" class="submit" type="submit" value="Pesquisar">
	</form>
</div>

 

CSS

.busca input[type="search"]{
    border-radius: none !important;
    border: 0px !important;
}

 

Quando visualiso no Desktop com tamanho redimencionado p/ smartphone ele não arredonda, mas quando visualiso no iphone ou Ipad mesmo fica com borda arredondada... Acho q tem alguma coisa a ver com view-port mas não consegui achar a solução.

[Bru_ce 53]

Tenta pela classe cara.

[Ishida Geraldo Yukio 0]

Tentei utilizando a classe .field mas não deu certo.

Nem sei daonde q vem esse estilo p ficar arredondado...

[Bru_ce 53]

Usa o firebug do firefox, manda o link ai !

[Ishida Geraldo Yukio 0]

Bru_ce, achei o prblema de estilização...

 

Era o <input type="search" > que deixava o input com a borda aredondada nos dispositivos mobile. Alterei para type="text" e deu tudo certo.

 

Valeu pela ajuda!!

[Bru_ce 53]

Legal, marque como resolvido.

 

Abs