CMSimple_XH–Forum

Posted: **Wed Dec 11, 2019 7:47 am**

Kann mir jemand zeigen, wie ich die Formelemente stylen soll?
Wasimmer ich versucht habe, die 2 (textarea und select) ignorieren die 100% Breite und bleiben schmaller.

Code: Select all

    input[type=text]{width: 100%; float:right; margin:0;}
    textarea, select{width: 100%; float:right; margin:0; box-sizing: border-boxborder:1px solid red;}

irw_form.jpg

Posted: **Wed Dec 11, 2019 8:07 am**

Tata wrote: ↑
Wed Dec 11, 2019 7:47 am
Kann mir jemand zeigen, wie ich die Formelemente stylen soll?

Das kannst du in deinem speziellen Fal eigentlich nur über die Browserkonsole herausfinden.
Wahrscheinlich sind an anderer Stelle andere Regeln festgelegt (core.css oder im Template).
Zum Testen könntest du ja mal width: 100% !important; versuchen. Falls es dann klappt, dann ist es ein Hinweis darauf, dass es irgendeine andere Regel gibt.

Posted: **Wed Dec 11, 2019 8:59 am**

Schon komisch, dass nachdem ich es ins Forum poste, finde ich die Lösung.

Code: Select all

    input[type=text],
    textarea, select{
        -ms-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box; 
        box-sizing:content-box;
        width: 100% !important; 
        border:1px solid #999; 
}

irw_form_ok.jpg

CMSimple_XH–Forum

Formelemente - Stylilng

Formelemente - Stylilng

Re: Formelemente - Stylilng

Re: Formelemente - Stylilng