Posição do texto em um botão de envio
A posição do texto no botão de envio da pesquisa emmeu blo é muito baixo no Firefox 4, mas não no Chrome 10 ou IE9. Eu tentei quase tudo, e nada funciona, exceto diminuir o tamanho da fonte do texto, o que não é uma solução ideal, pois o texto será muito pequen
Capturas de telaFirefox 4 no Windows 7:
Google Chrome 10.0.648.204 no Windows 7:
O HTML relevante:
<form method="get" class="searchform" action="http://eligrey.com/blog">
<input type="search" placeholder="search" name="s" />
<input type="submit" value="🔍" title="Search" />
</form>
A regra CSS relevante (dehttp: //eligrey.com/blog/wp-content/themes/eligrey.com/style.cs):
.searchform input[type="submit"] {
font-family: "rfhb-lpmg";
color: #ccc;
font-size: 3em;
background-color: #959595;
text-align: center;
border: 1px solid #888;
height: 34px;
width: 42px;
line-height: 34px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition-property: border, background-color, box-shadow;
-webkit-transition-duration: 0.2s;
-moz-transition-property: border, background-color, box-shadow;
-moz-transition-duration: 0.2s;
}
rfhb-lpmg é apenas uma fonte personalizada que criei que implementa a bala de coração floral girada U + 2767 e a lupa apontadora U + 1F50E com glifos simplista