Javascript 通过CSS更改JQuery Mobile的字体和颜色
在这个问题中,我不会让用户控制JQuery列表中的颜色或字体类型 我想知道是否有一种方法(不应用全新的主题)可以更改JQuery列表的字体颜色。这是当前使用的默认主题 该类的名称为:ui内容 我已尝试将此CSS应用于页面,但页面看起来仍然像默认的JQuery主题:Javascript 通过CSS更改JQuery Mobile的字体和颜色,javascript,jquery,html,css,fonts,Javascript,Jquery,Html,Css,Fonts,在这个问题中,我不会让用户控制JQuery列表中的颜色或字体类型 我想知道是否有一种方法(不应用全新的主题)可以更改JQuery列表的字体颜色。这是当前使用的默认主题 该类的名称为:ui内容 我已尝试将此CSS应用于页面,但页面看起来仍然像默认的JQuery主题: .ui-content{ font: "Helvetica Neue-Light", Helvetica, Arial, sans-serif; color:#A25254; } 下面是列表视图的一行
.ui-content{
font: "Helvetica Neue-Light", Helvetica, Arial, sans-serif;
color:#A25254;
}
下面是列表视图的一行不更改字体或颜色的示例:
我希望字体是轻的,而不是粗体。我还希望能够更改表左侧的图标
下面是如何构造表的示例代码:
<div data-role="page" id="page1">
<div data-role="header">
<h1>jQuery Mobile Example</h1>
</div>
<div role="main" class="ui-content" data-filter="true">
<!--Begining of Table View-->
<div data-role="collapsible" data-inset="false">
<h3>Title</h3>
<p>Description</p>
</div>
</div>
</div>
jQuery移动示例
标题
描述
这里是我尝试做的事情的一部分:这方面几乎没有选择。首先你应该使用id<代码> 所以Css是这样的:
#Something{
font: "Helvetica Neue-Light", Helvetica, Arial, sans-serif;
color:#A25254;
}
另一个选择是“检查”你的div并找出你的div的级别
您将发现类似于以下内容的内容:.ui-overlay-a、.ui-page-theme-a、.ui-page-theme-a.ui面板包装器
粗体的是(我在谷歌浏览器上查过了。如果是粗体的,你应该写)
如果粗体为:.ui面板包装器例如:
.ui-panel-wrapper .ui-content{
yourCss:ishere;
}
你能提供一个在线演示吗?这会很有帮助。只是添加了一个JSFIDLE:你确定这不是一个特殊性问题吗?示例尝试使用
#page1.ui内容h3 a
作为选择器来增加特定性。我会重命名主题css,然后对其进行修改,是的。当你想要定制设计时,Jquery mobile真的很烦人。@JakeChasan给你: