Косяк в Firefox на маке
Вот так выглядит кнопка в Firefox на маке (в остальных браузерах нормально):
Видите, рядом с кнопкой — поле ввода, зачем-то. Но ставишь курсор в это input-поле — открывается браузер, то есть поле работает как кнопка. Выглядит это плохо, прямо скажем — и уж точно не так, как должно. Это был этот сайт, на который я щас пишу.
На локалхосте у меня тоже LS 1.1 стоит, и тоже самое в Firefox:
Как исправить? Спасибо.
Видите, рядом с кнопкой — поле ввода, зачем-то. Но ставишь курсор в это input-поле — открывается браузер, то есть поле работает как кнопка. Выглядит это плохо, прямо скажем — и уж точно не так, как должно. Это был этот сайт, на который я щас пишу.
На локалхосте у меня тоже LS 1.1 стоит, и тоже самое в Firefox:
Как исправить? Спасибо.
8 комментариев
Или хотя бы так (это Хром):
В Хроме плейсхолдер тоже загулял некрасиво.
Не, я понимаю, что работает, но я проф. дизайнер, сижу делаю дизайн, для меня это — визуальная катастрофа. Помоги, а, PSNet, я в долгу не останусь. Может сделать кнопку не в плейсхолдере, а простую кнопку, но чтобы после загрузки она возвращала имя файла в простое input–поле? Чтобы браузеры не рисовали таких вот косяков? Можно так сделать? Я ни за что с этим сама не справлюсь.
не только для тебя. но поля для файлов плохо дизайнятся.
в инете полно информации как сделать дизайн для input type=«file»
нет, это политика безопасности. можете скачать плагин конфиг енжайн и посмотреть как там сделано поле для загрузки файла.