Comment remplacer CSS

J'ai CSS de base expérimenté donc je voudrais savoir comment puis-je supprimer un style CSS qui a été définie par Primefaces?

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: 0 2px 2px #74B2E2 inset;
}

J'ai créé ma propre feuille de style myCustomStyle.css

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: ?????? (How can I override the styling)
}

Grâce

source d'informationauteur Mark Estrada | 2011-10-04

  1. 20

    Utilisation box-shadow:none pour réinitialiser le box-shadow les valeurs par défaut.

    Voir cette source pour plus d'informations sur le box-shadow de la propriété. Toutes les propriétés peuvent être "remises à zéro" par la définition même de la propriété, et à l'aide de la valeur par défaut.

    Pour obtenir votre myCustomStyle.css remplacer la Primefaces' fichier css, vous devez inclure votre fichier personnalisé après la primefaces fichier.

    Un dernier resort: Si votre style personnalisé n'est pas appliquée, ajouter !important après votre déclaration (mais avant le point-virgule): box-shadow: none !important

  2. 3
    .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: none;
}

    Il y a toute une question de préséance, là aussi, mais si vous êtes à la feuille de style est inséré après l'autre, puis il fonctionnera normalement. Si ça ne marche pas, ajouter !important après la none.

  3. 0

    Je voudrais ajouter que la Primefaces cadre utilise des thèmes prédéfinis à l'aide de la jQuery UI ThemeRoller.

    Vous pouvez utiliser le ThemeRoller à créer de nouveaux thèmes ou de modifier des thèmes à votre goût.