Стилизация типа ввода = & ldquo; file & rdquo; кнопка
DataGridView1.CurrentCell = DataGridView1.Item ("ColumnName", 5)
3 ответа
Разрабатывающие исходные данные файла являются известно трудными, поскольку большинство браузеров не изменит появление или из CSS или из JavaScript.
Даже размер входа не ответит на подобных:
<input type="file" style="width:200px">
Вместо этого необходимо будет использовать атрибут размера:
<input type="file" size="60" />
Для любого моделирования, более сложного, чем это (например, изменение вида кнопки обзора), необходимо будет посмотреть на игривый подход накладывания стилизованной кнопки и поля ввода сверху собственного входа файла. Статья, уже упомянутая комнатой по www.quirksmode.org/dom/inputfile.html, является лучшей, которую я видел.
единственным путем я могу думать, должен найти кнопку с JavaScript после того, как это представляется, и присвойте стиль ему
, Вы могли бы также посмотреть эта рецензия
-
1Я не сделал downvote, но причина достаточно ясна, Как Ваш ответ, отличающийся от этот ответ & комментарий я сделал на нем? Метки времени говорят мне, что это было за 5 часов перед регистрацией этого ответа. – Alok Save 14 August 2011 в 05:10
Лучшим способом я нашел, имеет input type: file затем установка его к display: none. Дайте его id. Создайте кнопку или любой другой элемент, Вы хотите открыть вход файла.
Затем добавляют слушателя события на нем (кнопка), которая при нажатии моделирует щелчок по исходному входу файла. Как нажатие кнопки назвал привет, но оно открывает окно файла.
Пример кода
//i am using semantic ui
<button class="ui circular icon button purple send-button" id="send-btn">
<i class="paper plane icon"></i>
</button>
<input type="file" id="file" class="input-file" />
javascript
var attachButton=document.querySelector('.attach-button');
attachButton.addEventListener('click', e=>{
$('#file').trigger("click")
})