Comment réinitialiser ou supprimer le dégradé sur sélectionnez un élément dans Twitter Bootstrap?

- Je faire pour enlever ou remplacer spécifiquement le gradient de l'élément select. J'ai téléchargé une copie personnalisée de Bootstrap, sans les composants de formulaire, et de le sélectionner l'élément s'affiche de la manière dont j'ai besoin, mais tout le reste est évidemment disparu, et je n'ai besoin de supprimer l'sélectionnez dégradé.
Merci.

Dans le Bootstrap <select> ne dispose pas d'un gradient. Vouliez-vous dire bouton de liste déroulante?
Merci de nous montrer le code css pour le sélectionner l'élément à partir de votre personnalisé Bootstrap exemple.
Si la valeur par défaut brillant dégradé regarder dans Safari est destiné, jetez un oeil ici: link Vous pouvez ajouter cet attribut à votre classe css: -webkit-appearance:none;

OriginalL'auteur Jorge Guberte | 2013-02-14

  1. 4

    Les gradients être sur le .btn-* classe (en supposant que vous êtes à l'aide du bouton listes déroulantes).

    Par exemple (avec btn-primary): 

    .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    Pour supprimer le dégradé, il vous suffit de supprimer toutes les propriétés de l'arrière (y compris les filtres à fond) en dehors de background-color;:

    .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

    Vous voulez également finir par en utilisant une seule couleur de bordure:

    .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  border-color: #0044cc;
}

    Vous auriez également besoin de faire de même pour le .btn-*:hover, :focus et :active les styles.

    OriginalL'auteur James Donnelly