2016-04-19 3 views
-1

Alle meine Auswahlkästchen haben abgerundete Ecken, aber ich möchte normale Ecken. Ich denke, das Thema, das ich auf meiner Wordpress-Seite verwende, überschreibt die normalen Kästchen.Normale Ecken auf ausgewählten Boxen - css

Dies ist die Seite, wo Sie die Auswahlkästchen mit abgerundeten Ecken sehen! http://www.fernwehreisen.de/reiseanfrage/

Kann mir jemand in die richtige Richtung zeigen? Wie bekomme ich normale Ecken über CSS? Ich habe versucht, Randradius und so weiter zu ändern, aber nichts hilft, weil ich die Klasse nicht finden kann, die das schafft. Danke.

+0

Poste einen minimalen Teil deines html/css, um zu zeigen, was du meinst – LGSon

+0

.wpcf7 select { -webkit-border-radius: 0px; } Dies ist, was ich versuche, die abgerundeten Ecken zu vermeiden ... aber es ändert sich nicht..sie zeigen immer noch die gleichen abgerundeten Ecken ... –

+0

Nicht als Kommentar, und nicht nur die CSS, ein minimaler Arbeitscode das reproduzieren das Problem – LGSon

Antwort

1

border-radius ist der leitende CSS-Name Ihres Problems. Für verschiedene Browser hat es verschiedene Manifestationen, und Ihre -webkit-border-radius ist einer von ihnen.

Zusätzlich zu Ihrem aktuellen Code können Sie border-radius:0px hinzufügen, dies sollte sich um die meisten modernen Browser kümmern.

Wenn das immer noch nicht funktioniert, bedeutet dies wahrscheinlich, dass der Selektor .wpcf7 select durch die anderen CSS-Regeln Ihres Themas überschrieben wird. Um sie blind zu überwinden, können Sie !important nach der CSS-Regel hinzufügen.

.wpcf7 select { 
-webkit-border-radius: 0px !important; 
border-radius:0px !important 
} 

Oder Sie können versuchen, Ihren Selektor zu verfeinern, damit Ihr sie überschreibt. Wenn Sie immer noch nicht verstehen, googlen Sie css selector und lesen Sie den ersten Link.