Question

我有一个html表单，我正在使用＆＃34; file＆＃34;类型的输入。这给了我一个上传文件的浏览按钮。当我选择一个文件并点击保存时，应该禁用浏览按钮。我使用了jquery来禁用浏览按钮。现在即使它被禁用并且我将鼠标悬停在它上面，按钮的颜色也会改变。所以任何人都可以让我知道如何使用jquery删除此按钮的悬停属性。我希望仅在用户单击save后禁用悬停属性.Below is浏览按钮的代码html代码。

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

Answer 1

试试这种方式

<style>

  input[type="file"]:hover{

  /* your css value */

 }
</style>

Answer 2

尝试将ng-disabled更改为disabled，例如

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

你可以改变＆＃39;禁用＆＃39;选项使用

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

您可以阅读类似问题How disable hover

的答案

Answer 3

你也可以使用vanilla 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();

如何禁用悬停输入类型的文件

3 个答案: