ThemeRoller Mobile - 将标题添加到底部边框

Question

我正在尝试将4像素底部边框添加到ThemeRoller Mobile模板的标题中。我看到了设置边框颜色的选项，但它只是应用了边框。在ThemeRoller中是否有一种方法只将其设置为底部并设置宽度，或者任何人都可以在css文件中提供适当的位置来调整它？提前谢谢！

编辑：我尝试将css文件中的.ui-bar-a类从border：更改为border-bottom：并修改像素宽度，但是当文件以chrome格式呈现时，更改不会显示。但是，如果我在Web检查器中更改它，更改确实有效，我可以在该元素上获得一个4像素的底部边框。

Answer 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" /> 

Answer 2

试试这个

 $（“。ui-header”）。css（“border-bottom”，“4px solid＃000000”）;

只需将其放在您想要更改边框的页面上，或者将其包含在包含它的js文件中