Jquery Firefox:blur事件仅在选定元素外第二次单击时触发有什么办法修复它吗？

以我前面的一个问题为例。对于我的许多设计选择来说，这是相当有问题的

$(document).ready(function() {
    $('select').on('click', function() {
        $(this).parent().toggleClass('focused');
    }).on('blur', function() {
        $(this).parent().removeClass('focused');
    })
});

为那些由于任何原因无法访问JSFIDLE的用户编写的代码

---

有任何已知的解决方案或解决方法吗？

我一直在处理这个问题，但这似乎只是Firefox处理点击选择元素方式的问题，因为我在Chrome或IE中没有看到这个问题。。。在Safari中，它甚至直到你第二次点击它时才注册点击。

对不起，问题是什么？哦，对不起，我有点超前了。只是在寻找一个解决方法。好吧，你想实现什么？单击“选择”框时，容器div变为灰色。然后我做了一个选择，它再次变成白色。这不正确吗？然后尝试单击它的外部，它也会变成白色。除了在使用firefox时，它只在外部第二次单击时才执行此操作。看起来这只是一个浏览器问题。。。当我在Chrome中打开你的小提琴时，我不像在Firefox中那样有这个问题