2015-09-21 4 views
0

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

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

не ли есть состояние зависания для меня: http://jsfiddle.net/d63bfv47/ – APAD1

+0

Я думаю, что к нему применяется какая-то таблица стилей, которая получает e hover свойство для него. Не могли бы вы сообщить мне, как я могу отключить его, используя jquery. Первоначально, когда загружается страница, мне нужна функция наведения, но после нажатия кнопки сохранения я хочу ее удалить. – Valla

ответ

0

попробовать этот способ

<style> 

    input[type="file"]:hover{ 

    /* your css value */ 

} 
</style> 
+0

Я хочу удалить свойство наведения кнопки с помощью jquery и только тогда, когда произойдет определенное действие. – Valla

+0

Это для css – scaisEdge

0

изменения Try ng-disabled к disabled, как

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

И вы можете изменить 'выключить' с помощью

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

Yo и может прочитать ответ на подобный вопрос How disable hover

+0

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

+0

Попробуйте использовать мой пример для отключения и включения ввода – Erminesoft

0

Вы также можете использовать ваниль 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(); 
Смежные вопросы