html中禁止input输入后可以让它在hover的时候出现一个禁止icon符号吗？

Question

html中禁止input输入,使用的是disabled属性，如果希望hover上去出现一个禁止的icon原生可以实现吗？

Answer 1

用属性选择器啊

input[disabled]:hover{
    cursor:not-allowed;
}

Answer 2

可以通过CSS的hover伪类 + cursor实现，浏览器有自带禁止效果
cursor:not-allowed

Answer 3

你的意思是鼠标放上去变成禁止图标吗？
css上有 cursor:not-allowed;

另外就是 cursor: url('光标文件地址');

//大概是这样吧
 input:disabled{
            cursor: url('<%=path%>/Content/custom/img/3dgno.cur'),not-allowed;
        }

不过这里图标的文件格式要注意，不同浏览器支持的格式可能不同，一般是cur，
还有最好后面再写一个普通的备用。

Answer 4

这应该用js实现