在 JQuery UI 中将一个选项卡右对齐

Question

我有一组选项卡，代表表单的不同部分，都向左对齐。当用户填写完所有部分后，我希望他能够查看整个表单。

我正在使用 jQuery UI 选项卡将部分拆分为不同的部分。用户可以根据需要随时在各个部分之间切换。

我现在想要以下内容：

• 部分选项卡标题应向左对齐（这是 jQuery UI 的默认设置）
• 打印概览选项卡标题应向右对齐并且（可能）具有不同的样式

所以问题是：如何在 jQuery UI 中更改单个选项卡的样式？

Answer 1

您应该能够在要右对齐的选项卡上设置id 或class 属性，然后您可以为该id 或类设置css，您可能需要在自定义样式后使用!important这样 jqueryui 样式表将被您的设置覆盖

http://jsfiddle.net/4Xmkf/1/

这是一个显示一个简单示例的 jsfiddle

Answer 2

我认为你可以用 CSS 做到这一点。如果您从 <ul> 构建选项卡，则只需将一个类添加到最后一个 <li>（概述类），然后使用 CSS 将其浮动到右侧。

您也应该能够使用该类来执行您想要的任何其他样式。

希望这会有所帮助！