Как отключить наведение для типа ввода файла

Question

Как отключить наведение для типа ввода файла

0

У меня есть html-форма, и я использую ввод типа "файл". Это дает мне кнопку обзора для загрузки файла. Когда я выбрал файл и нажимаю на кнопку сохранения, вы должны отключиться. Я использовал jquery для отключения кнопки обзора. Теперь даже после того, как он отключен, и я на него курсирую, цвет кнопки меняется. Так кто-нибудь может сообщить мне, как удалить свойство hover для этой кнопки, используя jquery.I хочу отключить свойство hover только после того, как пользователь нажмет save.Below код html кода для кнопки обзора.

<input type="file" id="fileUpload" accept="text/csv" title="Browse"   ng-disabled="fileInMemory"/>

Valla 21 сен. 2015, в 21:38

Источник

0

Для меня нет состояния наведения: jsfiddle.net/d63bfv47
APAD1 21 сен. 2015, в 19:00
0

Я думаю, что к нему применяется какая-то таблица стилей, которая получает свойство hover для нее. Не могли бы вы дать мне знать, как я могу отключить его с помощью jquery. Сначала при загрузке страницы мне нужна функция наведения, но после нажатия кнопки «Сохранить» я хочу удалить ее.
Valla 21 сен. 2015, в 19:07

Теги:

jquery

html

angularjs

html5

3 ответа

Ещё вопросы

Для меня нет состояния наведения: jsfiddle.net/d63bfv47
Я думаю, что к нему применяется какая-то таблица стилей, которая получает свойство hover для нее. Не могли бы вы дать мне знать, как я могу отключить его с помощью jquery. Сначала при загрузке страницы мне нужна функция наведения, но после нажатия кнопки «Сохранить» я хочу удалить ее.

Erminesoft · Answer 1 · 2015-09-21T18-01-00.000Z

Попробуйте изменить ng-disabled на disabled, например

<input type="file" id="fileUpload" accept="text/csv" title="Browse" disabled/>

И вы можете изменить параметр "отключить", используя

$("#fileUpload").prop('disabled', true); // Off
$("#fileUpload").prop('disabled', false); // On

Вы можете прочитать ответ на аналогичный вопрос. Как отключить зависание

Я использовал $ ("# fileUpload"). Attr ("отключено", '') ;. Это работает нормально, кнопка отключена, но цвет меняется, когда я наведу на нее курсор.
Попробуйте использовать мой пример для отключения и включения ввода

Michelangelo · Answer 2 · 2015-09-21T17-50-00.000Z

Вы также можете использовать ванильный javascript, который не дает никаких эффектов зависания:

http://jsfiddle.net/xdrLeh5p/

<button id="btn" type="submit" disabled>disable/enable</button>

<button id="btnDisable">disable again</button>

JS

function enable () {
    document.getElementById('btn').removeAttribute('disabled');
}

document.getElementById('btnDisable').onclick = function () {
    document.getElementById('btn').setAttribute('disabled', 'disabled');

}
enable();

scaisEdge · Answer 3 · 2015-09-21T16-28-00.000Z

0

попробуйте этот путь

<style>

  input[type="file"]:hover{

  /* your css value */

 }
</style>

scaisEdge 21 сен. 2015, в 16:28

0

Я хочу удалить свойство hover кнопки, используя jquery, и только когда происходит определенное действие.
Valla 21 сен. 2015, в 19:09
0

это для css
scaisEdge 21 сен. 2015, в 19:15