-1

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

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

4

2 回答 2

1

试试这个：

ui-header {
     border-bottom:4px solid #000;
}

你可以把它放在你自己的 css 文件中，以保持干净和有条理。但是请记住，在 head 部分中定义所有 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" />
于 2012-10-24T13:57:17.753 回答
1

试试这个

$(".ui-header").css("border-bottom", "4px solid #000000");

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

于 2012-10-24T14:02:03.073 回答