2017-09-27 1 views
0

Tentative de style d'un formulaire en utilisant CSS, il n'y a pas de styles appliqués à ce point, actuellement j'ai obtenu:CSS Selectors - Quelque chose est tout simplement ne fonctionne pas

#newsletter_subscribe.button {background-color:#e10707;} 

Cela fonctionne comme prévu et parfaitement dans Firefox & IE mais ne fonctionne pas dans Chrome & Edge - J'ai jeté dans le tag important! Cela a aidé, mais n'a pas.

Le PHP brut de la WooCommerce Bulletin Plugin est:

<input type="submit" class="button" id="newsletter_subscribe" value="<?php esc_attr_e('Subscribe', 'wc_subscribe_to_newsletter'); ?>" /> 

Qu'est-ce que je fais mal !?

+2

Cela semble fonctionner correctement dans Chrome pour moi. Pouvez-vous reproduire le problème dans un extrait de pile pour nous? –

+4

Pouvez-vous publier le HTML rendu pour l'entrée. Voyez-vous le style lorsque vous inspectez l'élément peut-être être rayé. –

+0

Eh bien ... C'est franchement embarrassant! J'aurais dû effacer le cache plutôt que de rafraîchir le navigateur! Le code fonctionne bien, merci pour les réponses, j'apprécie! Je ne sais pas si rire ou pleurer à ce sujet .... après avoir passé 4 heures à le faire! – Kal

Répondre

0

Eh bien .... C'est franchement embarrassant! J'aurais dû effacer le cache plutôt que de rafraîchir le navigateur! Le code fonctionne bien, merci pour les réponses.

Pour tous ceux qui viennent d'autre de Google en essayant de style de la WooCommerce Newsletter Widget (! Je ne trouve rien nulle part ailleurs),

Le code que vous devez ajouter à votre CSS personnalisé pour le bouton est:

#newsletter_subscribe.button {background-color:#e10707;} 

Ajouter une autre valeur que vous souhaitez la propriété d'avoir bien sûr,

le code pour modifier le champ d'adresse e-mail est:

#newsletter_email { background-color:#feffff;} 

Et le code pour le message d'erreur est:

.woocommerce_error {color:rgba(166,66,66,1);} 

Merci pour tous les gars de réponses!