鼠标悬停不起作用

Question

下面是我的代码，当我将鼠标移到该按钮上时，它会突出显示 Download 按钮。但是在单击下载按钮后，会发生相应的操作，当我关闭提示窗口时，再次将光标移到下载按钮上时，它无法将其视为链接。那就是它无法显示手形光标。光标显示为单个垂直条。 （即编辑文本框中的光标）

<div class="seemorebutto" style="margin-left: 72px;">
    <%--<a href="#" class="button nineteen" style="color: White;">--%>
    <a href='<%=ConfigurationManager.AppSettings["URL"].ToString() %>/LandingPage/Medeil/MTrialEdition.aspx' class="button nineteen1" onclick="loadwindow(this,event);" style="color: White;">
    <i class="icon-right-circled"></i><b>Download</b></a></div>
</div>

Link to the site 。见底部。

function loadwindow(obj,e)
    {
        e.preventDefault();
        var href=$(obj).attr("href");
        var item=$(obj).attr("id");
        $('#Iframe1').hide();
        $('#Iframe1').show();
        $('.frame1').show();
        var holdyDiv = $('<div class="inframe-lo-backdrop"></div>').attr('id', 'holdy');
        holdyDiv.appendTo('body');
       $('#Iframe1').attr('src', href+"?item="+item);
        $('#Iframe1').attr('style', 'width:60%;');
    }
////    
////   function loadwin(obj,e)
////  {
////        e.preventDefault();
////        var href=$(obj).attr("href");
////        var item=$(obj).attr("id");
////       $('#frameload').hide();
////        $('#frameload').show();
////        $('.frame').show();
////       $('.bg-pop').show();
////        var holdyDiv = $('<div class="inframe-lo-backdrop"></div>').attr('id', 'holdy');
////        holdyDiv.appendTo('body');
////       $('#frameload').attr('src', href);
////       $('#frameload').attr('style', 'width:60%;');
////   }

   function closeme()
    {
       $('.frame1').hide();
        $('#Iframe1').attr('src', '');
        $('.inframe-lo-backdrop').hide();
    }

CSS代码：

.inframe-lo,.frame1{
    border:none;
    height:inherit;
    position:fixed;
    min-height:650px;
    opacity:1;
    left:20%;
    right:20%;
    top:5%;
    bottom:0%;
    display:block;
    z-index:99999;
}
.inframe-lo-backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    background-color: #000;
}
.inframe-lo-backdrop{
    opacity: 0.7;
}
.inframe-lo-backdrop.fade {
    opacity: 0;
}
a.closebbtn{
    font-size: 16px;
    position: fixed;
    right: 34.9%;
    display: inline-table;
    float: right;
    float: left;
    color:#000;
    top: 40px;
    border: solid 1px #EEE;
    padding: 5px 10px;
    border-radius: 50%;
    z-index: 999999;
}
a.closebbtn:hover{
    color:#fff;
    background:#0287CC;
    border: solid 0px #EEE;
    cursor:default;
}

Answer 1

使用悬停状态在单独的 CSS 样式表中执行此操作： 在您的 html 中：

在你的 CSS 中：

.download-btn {
        cursor: hand;
    }

    .download-btn:hover {
        background-color: #yourcolorcode;
    }