Как применить стиль к кнопке при вводе файла

Question

Я пытаюсь использовать ввод файла в моем коде в MAC, выравнивание выглядит плохо.В остальном все выглядит нормально.Я не могу применить стиль к единственной кнопке (Выбрать файл), когда я пытаюсь применить стиль, который применяется и к тексту (файл не выбран).

В MAC:

в других ноутбуках:

CSS:

input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    margin-bottom: 2px;
}

Answer 1

    <label for="pickerId">
       Your custom picker viewable item to be added here and style to be applied to this label. The real input will be hidden but clicking here will be enough to trigger file picker
    </label>
    <input id="pickerId" style="display:none;" type="file"/>