聚焦元素 jquery change css

Question

我正在寻找一种更改焦点元素的css的方法。

input.on("select2-focus", function(elem) {
    console.log('FOCUSING');
    $(this).css('background-color', 'yellow');
});

我想做的是，单击的焦点元素应该具有黄色的背景色。

但这不起作用，它什么也没做。

Answer 1

这是因为 Select2 将隐藏原始输入并在页面上创建新组件。您的代码以原始输入为目标，该输入是隐藏的，对其进行样式设置不会产生任何影响。

但是你可以从输入中获取 select2 容器，如下所示：

input.on("select2-focus", function(elem) {
    var $container = $(this).data('select2').$container;
    $container.css('background-color', 'yellow');
});

Answer 2

一旦检查此代码

$(document).on("focus", ".select2-focus", function() {
    console.log('FOCUSING');
    $(this).css('background-color', 'yellow');
});