javascript - 使用 JavaScript 的 JQuery 移动样式

Question

$(this).css("background-color", "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:

$('.ui-select span.ui-btn-inner').css('background-color', 'blue');

.. 要自定义特定的选择菜单，请为您的选择元素提供一个 id，然后使用 jQuery 选择它，您需要将 -button 附加到 编号。这是因为 jQuery Mobile 会创建多个您可能不知道的元素。所以，如果你给你的选择菜单一个 id custom-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/