Comment faire pour utiliser jQuery thèmes de style de votre site

J'ai essayé de configurer un exemple très simple à l'aide de jQuery thèmes. Je n'ai pas été en mesure de l'obtenir pour fonctionner. Je veux utiliser les mêmes thèmes, pour format de certains liens et boutons afin qu'ils se fondent quand je apporter des boîtes de dialogue et autres. Jusqu'à présent j'ai cet exemple très simple qui ne rend pas correctement:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="css/base/ui.base.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/sunny/jquery-ui-1.7.2.custom.css" type="text/css" media="all">
    <title>jQuery Themes</title>
  </head>
  <body>
    <button type="button" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check"></span>Submit</button> 
    <a href="#" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check"></span>Submit</a>
  </body>
</html>

Je suis en utilisant le sunny thème et le rendu produit des polices différentes pour le bouton et le lien. Un supplément de ligne verticale indique à la droite du bouton et l'icône sur le lien ne même pas montrer à l'intérieur de la boîte. Ne sais pas ce que je suis absent.

Hover changements qui apparaissent généralement sur les boutons ne fonctionnent pas non plus.

OriginalL'auteur Ricardo Marimon | 2010-02-20