2017-12-24 2 views
3

Es ist nie zu spät, um zu lernen. Ich bin sehr überrascht, einige kleine Punkte unter den erforderlichen Sternen in meinem Wordpress Checkout-Formular zu sehen. Irgendeine Idee, wie man sie entfernt - bevorzugt mit CSS?Entfernen Sie Punkte unter erforderlichen Sternen in Wordpress Checkout-Formular

Hier wird der HTML-Code

<label for="billing_address_1" class="">Street address <abbr class="required" title="required">*</abbr></label> 

Und ein Bild

enter image description here

+0

Post gesamte Code in einer [js Geige] (http://jsfiddle.net) – davvv

+0

Es ist das Tag, das es tut. – halojoy

Antwort

4

Folgendes funktioniert auch in neueren Browsern einwandfrei. Es scheint, dass Firefox und Chrom text-decoration anstelle von geschaltet haben. Also nur border: none !important; ist nicht genug.

abbr.required { 
    border: none !important; 
    text-decoration: none !important; 
} 
2

Es ist wegen der <abbr> Element - es Grenze als Standardstil punktiert hat, so versuchen:

abbr { 
border: none; 
} 
+0

Sollte "abbr." Erforderlich sein, um nur benötigte Felder zu erhalten. –

+0

Wenn das gewünscht ist, muss es so 'abbr.required' sein (kein Leerzeichen zwischen) – crazko

+1

beide Versionen funktionieren nicht in Firefox und Chrome ... – evavienna

Verwandte Themen