Я проверил это на компьютере с Windows 7 под управлением Firefox 7, Chrome 16, Safari 5.1 и IE9.
ение текста на кнопке отправки запроса намой блог очень низок в Firefox 4, но не в Chrome 10 или IE9. Я перепробовал почти все, и ничего не работает, кроме уменьшения размера шрифта текста, что не является оптимальным решением, так как текст будет слишком маленьким.
СкриншотыFirefox 4 в Windows 7:
Google Chrome 10.0.648.204 в Windows 7:
Соответствующий HTML:
<form method="get" class="searchform" action="http://eligrey.com/blog">
<input type="search" placeholder="search" name="s" />
<input type="submit" value="🔍" title="Search" />
</form>
Соответствующее правило CSS (отhttp://eligrey.com/blog/wp-content/themes/eligrey.com/style.css):
.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 - это просто пользовательский шрифт, в котором реализована вращающаяся пуля с цветочным сердцем U + 2767 и правая лупа U + 1F50E с упрощенными символами.