Как выровнять входной тип файла

У меня есть следующий код:Как выровнять входной тип файла

Select a picture: <input name="userfile" type="file" />

и я получаю этот результат:

Я хотел бы иметь как «Выбрать картинку» текст и ввод в той же строке (влево-вправо) не вверх-вниз.

Кроме того, я не могу понять, откуда берется текст «Нет файла». Я бы хотел удалить этот текст.

Спасибо заранее

источник

2016-05-12 Sam

Не могли бы вы поделиться своим CSS? – Wowsk

@Wowsk У меня действительно нет css. Все, что я сделал, это «

Выбрать изображение: ' – Sam

Для не удаляя «Нет выбранного файла» текст используйте следующий CSS

input{ 
    width: 80px; 
    overflow: hidden; 
    }

Спасибо,

источник

2016-05-12 17:32:34

Это работает, но потом мой вход будет 80px независимо от разрешения или размера экрана. Я хотел бы найти решение, где мне не нужно определять размер ввода для вырезания текста «Без файла». Большое вам спасибо – Sam

Вы ограничены в том, что вы можете сделать с помощью CSS на файл -входящая кнопка. Я создал плагин jQuery, который позволяет вам использовать обычную кнопку в качестве поля ввода файлов, которое вы можете полностью использовать по своему усмотрению.

Посмотрите на Github.

$("#mybtn").fileUpload();

Адрес fiddle.

Я знаю, что у вас нет jQuery или Javascript с тегами, но, как я уже сказал, CSS ограничен в способности стилировать типы ввода файлов.

источник

2016-05-12 17:39:49

Спасибо! Очень приятная загрузка, чем просто использование стандартной загрузки HTML-формы. – BrettJ

ОК, поскольку вопрос о том, что текст и вход совпадают по вертикали, я нашел рудиментарное решение. Просто используя таблицу:

<table><tr><td><font style="font-size: 3vh; color:grey">Select a picture: </td> 
      <td><input name="userfile" type="file" accept=".jpg, .png, .jpeg"/></font></td>  </tr> 
</table>

источник

2016-05-12 18:08:41 Sam

Как выровнять входной тип файла

ответ

Смежные вопросы