Lida 10141 vezes
#search-submit { background: #f38256; color: #FFFFFF; width: 150px; height: 40px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px; margin-left: -160px; }
No Google Chrome para Mac o botão está desalinhado. O que iOS faz é omiti-lo por estar fora do ecrã, quase de certeza.Diminui o tamanho do input da pesquisa para poderes alinhar o botão à direita.
#searchbox { width: 300px; height: 45px; color: #4c4c4c; -webkit-box-shadow: inset 2px 2px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 2px 2px 2px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2); }
O código do input, não o CSS.
form action="<?php bloginfo('url'); ?>" method="get"> <div id="search"> <input type="text" name="sbox" id="searchbox" value="Procurar nomes, distritos, localidades..." onFocus="this.value=''" /> <input type="submit" name="search" id="search-submit" value="Procurar"/> </div></form>
Faz float:left; e float:right; no campo de pesquisa e no submit, respectivamente.
Aqui no Mac está perfeito, já te testo no iPad daqui a bocado.
No iPad também está bem.
Desenvolvimento
Startups