Положение текста на кнопке поиска в моем блоге очень низкое в Firefox 4, но не в Chrome 10 или IE9. Я перепробовал почти все, и ничего не помогло, кроме уменьшения размера шрифта текста, что не является оптимальным решением, так как текст будет слишком маленьким.
Firefox 4 в Windows 7:
Google Chrome 10.0.648.204 в Windows 7:
Соответствующий HTML:
Соответствующее правило 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, указывающее вправо, с упрощенными глифами.