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

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

已邀请:

cnhfz2016

赞同来自:

这应该用js实现

richway

赞同来自:

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

shiskype

赞同来自:

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

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

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

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

lvzq2016

赞同来自:

用属性选择器啊

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

要回复问题请先登录注册