Кнопки загрузки файлов

Jocelyn Palacios пишет:Здравствуйте!  

Подскажите пожалуйста возможно ли исправить немного неудобную ситуацию. Кнопки загрузки файлов не полностью просматриваются. Для примера покажу раздел Аватар.

Сейчас кнопка выглядит так:



Хотелось бы сделать вот так:

Jocelyn Palacios пишет:Подскажите пожалуйста возможно ли исправить немного неудобную ситуацию. Кнопки загрузки файлов не полностью просматриваются.

Da Vinchi пишет:Посмотрел с хромплатформенных браузеров, с FF, Gecko, midori и прочих. Отображается корректно все. Единственное, что только опера отобразила на старой версии кривовато, но это можно посмотреть поближе все.

Jocelyn Palacios пишет:
Здравствуйте!
Вы правы!Я всё поняла. Спасибо огромное!

Код:

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
}

Код:

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    height: 25px;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
}