Я проверил это на компьютере с 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="&#128269;" 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 с упрощенными символами.

Ответы на вопрос(11)

Ваш ответ на вопрос