Question

我有一些使用CSS3制作的动画元素。块内部有一个链接打开模态窗口，但是当模态窗口关闭时，动画元素保留在＆＃34; hover＆＃34;状态。

jsfiddle的例子：

    stream {
    server {
        listen 514 udp;
        proxy_pass syslog_standard;
    }

    upstream syslog_standard {
        server syslog1.ars.com:10514 max_fails=1 fail_timeout=10s;
        server syslog2.ars.com:10514 max_fails=1 fail_timeout=10s;
    }
}

示例ins jsfiddle：https://jsfiddle.net/9objpv9x/

尝试悬停以查看动画和模态链接，然后点击＆＃34; Link1＆＃34;并关闭模态以查看接下来会发生什么。

我只是不知道从哪里开始挖掘。

Answer 1

实际上＆＃34; link1＆＃34;留在＆＃34;焦点＆＃34;由于默认的bootstrap css属性显示状态和大纲：

a:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
}

要覆盖它，请在css中修改它。

a#id:focus {
   outline: 0px;
}

要在模态关闭后移除焦点状态，我们需要在jquery中触发模态，而不是使用＆＃34; data-target＆＃34;在HTML中。

查看此jsfiddle链接。 Updated Code Fix

Boostrap模态奇怪的问题

1 个答案: