jQuery Girl
  1. jQuery Girl
  3. CSS choisi pour la zone de texte normale
Intereting Posts
IE 11 v11 ne respecte pas la propriété «désactivée» des entrées sur une seule machine problème de synchronisation de la fonction jQuery getJSON Jquery – utilise la même fonction pour plusieurs requêtes Calculez le total à partir du nombre saisi et définissez-le sur le nombre parent vs plus proche comment obtenir la valeur sélectionnée dans la liste déroulante de jQuery Backbone js et remplissage d’un modèle avec des données à l’aide de fetch () changez le comportement de slideToggle () pour afficher: inline-block au lieu de display: block? Programmer le marqueur sur une plot Jquery autocomplete sur select event jQuery pour changer le contenu dans div en fonction de la position de défilement jquery solutions à publier sur un autre site à partir d’une page HTML statique Comment convertir de manière fiable du XML en Ssortingng dans IE 10/11? jquery fade in callback n’attend pas jQuery autocomplete doit ignorer l’élément désactivé lors de l’utilisation du clavier

CSS choisi pour la zone de texte normale

J’aime vraiment le plugin jquery choisi pour les boîtes de sélection, mais est-il possible de styler les zones de texte normales avec les styles définis dans le fichier Choisi.css ou dois-je changer le Choisi.css pour le faire?

Je sais que c’est une vieille question, mais je viens de faire la même chose.

J’ai accompli cela en ajoutant une nouvelle entrée css pour toutes les entrées. 

input { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius : 5px; border-radius : 5px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; border: 1px solid #aaaaaa; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #757575; text-decoration: none; text-shadow: 0 1px 0 #fff; text-transform: uppercase; font-family: "Tahoma", sans-serif; font-size: 11px; font-weight: bold; }

Oui, vous pouvez. Utilisez simplement firebug / similar inspector pour inspecter leurs CSS et appliquer ces classes à votre textbox .

Alternativement, vous pouvez également prendre leurs propriétés CSS en les inspectant et en les appliquant avec vos propres combinaisons id/class .