javascript - 使用 JavaScript 的 JQuery 移动样式

Question

$(this).css("background-color", "red");

对于正常输入，我为每个输入循环设置了背景 RED 样式，效果很好。

但是当它被选中时，它似乎不起作用。jquery 移动选择图像仍然保持不变！

我正在使用 JQuery + JQuery Mobile。

我如何强制它改变？即使它只是添加一个边框？

Answer 1

您可以轻松地覆盖 CSS 中每个选择菜单的样式：

div.ui-select span.ui-btn-inner {
    border: 1px solid red;
    color: red;
    text-align: right;    
}

.. 或者如果你想坚持使用 jQuery：

​<code>$('.ui-select span.ui-btn-inner').css('background-color', 'blue');​​​​​​​​​​​​​​​​​​​​​​​​​ ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​</code>

.. 要自定义一个特定的选择菜单，给你的选择元素 anid然后用 jQuery 选择它，你需要附加-button到id. 这是因为 jQuery Mobile 创建了多个您可能不知道的元素。所以，如果你给你的选择菜单一个 idcustom-id并且你想改变它的背景颜色，你的 jQuery 应该是这样的：

$('.ui-select #custom-id-button span.ui-btn-inner').css('background-color', 'green');

.. 和 CSS 一样：

div.ui-select #custom-id-button span.ui-btn-inner {
    text-align: left;    
}

更新了 JSFiddle
http://jsfiddle.net/5Bkx9/6/

Answer 2

My solution for this was

$(element).parent().addClass("inputRequired");

Getting the parent of the element(which is the select tag) and adding the required class to the DIV instead.

Answer 3

检查this执行上下文中的内容。请记住，this对于相同的确切方法，可能会有所不同，具体取决于调用的目标。最好使用选择器明确选择它。

如果这不是问题，请检查您是否将此字段设置为!important在背景颜色后添加了指令样式。

为了更好地分析您的问题，您必须向我们提供更多信息，最好在 jsfiddle 中复制。