覆盖 Jquery 移动 CSS [英] Override Jquery Mobile CSS

问题描述

是否可以使用单独的自定义 css 文件覆盖已设置样式的 JQuery Mobile 元素(按钮、列表等)?

Is it possible to override the already styled JQuery Mobile elements (buttons, lists etc) with a separate custom css file?

如果是这样，我将如何引用元素.

If so how would I go about referencing the elements.

谢谢

推荐答案

我不知道有什么官方的、优雅的方式来做，但我在非最小 css 文件中查找类，然后添加这样的东西到包含 jquery mobile 之后的 .css 文件:

I don't know of an official, elegant way to do it, but I look in non-min css file to find classes, then add things like this to a .css file included after the jquery mobile one:

.ui-header .ui-title {margin-right:20px;margin-left:20px;}

.ui-header .ui-title {margin-right:20px;margin-left:20px;}

.ui-footer .ui-title {margin-right:20px;margin-left:20px;white-space:normal;}

.ui-footer .ui-title {margin-right:20px;margin-left:20px;white-space:normal;}

另外，firebug 和 dev.工具 (chrome) 是您的朋友 - 检查元素及其样式.

Also, firebug and dev. tools (chrome) are your friend - examine elements and their styles.

利比

这篇关于覆盖 Jquery 移动 CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！