我正在尝试将4像素底部边框添加到ThemeRoller Mobile模板的标题中。我看到了设置边框颜色的选项,但它只是应用了边框。在ThemeRoller中是否有一种方法只将其设置为底部并设置宽度,或者任何人都可以在css文件中提供适当的位置来调整它?提前谢谢!
编辑:我尝试将css文件中的.ui-bar-a类从border:更改为border-bottom:并修改像素宽度,但是当文件以chrome格式呈现时,更改不会显示。但是,如果我在Web检查器中更改它,更改确实有效,我可以在该元素上获得一个4像素的底部边框。
答案 0 :(得分:1)
试试这个:
ui-header {
border-bottom:4px solid #000;
}
您可以将其放在自己的css文件中,以保持整洁有序。但请记住,在头部区域定义所有css文件时。确保首先加载jquerymobile css文件,然后加载你的css文件。这是因为现在你的css声明将覆盖jquerymobile声明。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="your-css-file.css" />
答案 1 :(得分:1)
试试这个
$(“。ui-header”)。css(“border-bottom”,“4px solid#000000”);只需将其放在您想要更改边框的页面上,或者将其包含在包含它的js文件中