如何使用jquery ui主题为需要2个图像的按钮设置样式

我有一个按钮（由设计师创建），不能用背景+边框半径来表示（它具有类似3D的效果，所以“半径”也应该是图像）

从教程中可以清楚地看到如何制作此类按钮。但是，jquery ui似乎只有以下（相关）类：

• .ui状态默认值

  ，用于保存按钮和其他组件的背景图像

• .ui按钮

  -定义仅按钮属性的按钮

---

但是代码只是一个

按钮和所有小部件都有几个状态：

以下是相关类及其与按钮小部件的关系：


ui状态默认值

按钮在页面上显示的属性

ui状态激活

单击按钮时，按钮将显示其属性

ui状态悬停

按钮悬停时的属性


在主题的css表中，按钮设置中有这些设置中的每一个，这些设置通常具有来自themeroller的颜色或图像设置

如果您想通过另一个样式表或重写来自themeroller的样式表，可以重写默认属性以使用自己的图像

通过设置颜色和不透明度，您还可以轻松设置themeroller设置，为您提供3D外观。如果您只需要对按钮使用此设置，而不需要对整个页面使用此设置，请使用CSS范围功能


我知道这三种状态，但这对按钮的形成没有帮助（我只需要用三种不同的方式来形成它）。另外-我如何通过“颜色和不透明”来实现3d效果？好的，很抱歉，我误解了你一开始的要求。你最好的选择可能是像那个教程中那样添加跨距。正如你所说，这在任何地方都会很麻烦。我认为如果你使用jQuery UI，你可能会在这里编辑一些源代码。你可能能够将按钮小部件扩展到你自己的小部件中，并扩展e功能来维护跨度…就themeroller而言，您可以使用按钮状态的颜色和叠加效果的不透明度创建一个与教程中非常相似的按钮。将边框半径设置为一个巨大的数字将使其看起来像示例页面上的胶囊样式。我想我将实现我的
$（“#foo”）.styledButton（）
函数OK，作为一个例子，我将一个按钮链接到themeroller，其中有一个按钮示例，看起来像您发布的示例…其他一切看起来都像垃圾，但这就是css作用域的用途