JQuery Mobile Styling With JavaScript

JQuery Mobile Styling With JavaScript

本文关键字：JavaScript With Styling Mobile JQuery      更新时间：2023-11-17
$(this).css("background-color", "red");

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

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

我使用 JQuery

+ JQuery Mobile。

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

您可以轻松覆盖 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附加到id。这是因为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/

检查执行上下文中的this是什么。请记住，对于相同的确切方法，this可以是不同的东西，具体取决于调用的目标。最好使用选择器显式选择它。

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

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

我的解决方案是

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

获取元素的父级(即选择标记(并将所需的类添加到 DIV 中。

相关文章：