Просмотр поста

надо лишь приложить немного фантазии, и все станет возможным =)

input[type="file"] {
/*  основной контейнер выбора файла, от его размеров, на прямую зависит размер второстепенного контейнера, который у нас будет отвечать за визуализацию */
    margin: 4px 6px;
    cursor:pointer;
    width: 100px;
    height: 16px;
}

input[type="file"]:before {
/* второстепенный контейнер, который будет накрывать собой основной контейнер, и создавать впечатление оформления */
    content: "Select Youre File";
    background: #eee;
    border: 1px solid #357;
    color: #666;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    width: 120px;
    height: 24px;
    position:absolute;
    margin-left: -6px;
    margin-top: -4px;
}