覆盖Jquery Mobile 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?

如果是这样，

感谢

推荐答案

我不知道一个官方的，优雅的方式来做到这一点，但是我在非min css文件中查找类，然后将这样的东西添加到之后的文件 jquery mobile：

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.

Libby

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