как сделать перенос поля ввода файла?

В форме HTML у меня есть поле файла, подобное этому:

<div class="filefield">
<input type="file" name="myfile" id="fileinput">
</div>

Оно отображает кнопку и некоторый текст помимо кнопки. Если файл еще не выбран, отображается следующий текст: Файл не выбран . Если файл уже выбран, отображается имя файла.

Этот текст отображается справа от кнопки. Я хочу, чтобы он отображался под кнопкой. Я пробовал множество вещей в CSS, но ничего не работает. Файл не выбран всегда отображается с правой стороны кнопки, даже если и div, и input имеют фиксированную ширину, равную ширине кнопки и фиксированной высоты, достаточной для размещения кнопки и двух строк текста, текст по-прежнему отображается справа, за пределами div, а не ниже места внутри div. Ниже приведен рабочий ввод {фильтр: выражение ("progid: DXImageTransform.Microsoft.Alpha (opacity = 100)"); } Однако я ...

Я хочу применить фильтр тени, только если тип ввода - Флажок. Следующее работает

input {     
    filter: expression("progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
}

Однако я хочу включить в него this.type == 'checkbox'. Что-то вроде этого

input {
    filter: expression(this.type=='checkbox' ? "progid:DXImageTransform.Microsoft.Alpha(opacity=100)":"");
}

Это не работает.