要更改 jQuery Mobile 选择菜单的颜色,可以通过以下步骤实现:
.custom-menu .ui-btn {
background-color: #FF0000; /* 设置背景颜色 */
color: #FFFFFF; /* 设置文字颜色 */
}
这将使选择菜单的背景颜色为红色,文字颜色为白色。你可以根据需要自定义颜色。
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile.theme-1.5.0-alpha.1.min.css">
然后,在 JavaScript 文件中添加以下代码:
$(document).on("mobileinit", function() {
$.mobile.changeGlobalTheme = false;
$.mobile.autoInitializePage = false;
$.mobile.page.prototype.options.theme = "a"; // 设置主题为 "a"
$.mobile.page.prototype.options.headerTheme = "a"; // 设置头部主题为 "a"
$.mobile.page.prototype.options.contentTheme = "a"; // 设置内容主题为 "a"
$.mobile.page.prototype.options.footerTheme = "a"; // 设置底部主题为 "a"
$.mobile.page.prototype.options.backBtnTheme = "a"; // 设置返回按钮主题为 "a"
$.mobile.page.prototype.options.popupTheme = "a"; // 设置弹出框主题为 "a"
});
这将将选择菜单的颜色设置为主题 "a" 的颜色。你可以根据需要选择其他主题。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云