---
title: "mailform css"
url: "https://www.typo3.net/d/13332-mailform-css"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2004-07-09"
last_reply: "2005-09-05"
replies: 15
solved: false
page: 1
pages: 1
lang: "de"
---
# mailform css
Extensions · 15 Antworten · gestartet 2004-07-09
## Eröffnungsbeitrag
**zoe** · 2004-07-09 · [Beitrag #1](https://www.typo3.net/d/13332-mailform-css/1)
Hi Leute,
weiss jemand wie man die Formularfelder direkt mit css wrapt?
```typoscript
### MAILFORMULAR ###
styles.content.mailform {
fieldWrap = |
labelWrap = |
commentWrap =
radioWrap = |
REQ.labelWrap = |
target = _self
goodMess = Vielen Dank! Ihre Anfrage wird bearbeitet!
badMess = Bitte füllen Sie noch folgendes Feld aus:
}
```
mit **fieldWrap = |
** erreiche ich leider nur die tabelle drum herum. :'(
den rest mal getestet ergab aber auch kein ergebniss.
bin um jeden ratschlag dankbar ;)
greez
zoe
## Antworten
### [#2](https://www.typo3.net/d/13332-mailform-css/2) · Dander · 2004-08-19
Tag,
so:
SELECT {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
color: #ffffff;
background-color:#777777
}
TEXTAREA {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:1px solid #000000;
color: #ffffff;
font-weight : normal;
background-color:#777777
}
INPUT {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:1px solid #000000;
color: #ffffff;
background-color:#777777
}
aber damit wrapst du alle selectboxes auf deiner page und alle inputboxes
und alle textareas
MFG
Dander
### [#3](https://www.typo3.net/d/13332-mailform-css/3) · zoe · 2004-08-19
hallo dander,
vielen dank für deine mühen.
habe leider in der hektik vergessen zu posten, dass ich mir die lösung schon selbst erarbeitet habe :)
danke dir aber trotzdem von ganzem herzen ;)
zoe
### [#4](https://www.typo3.net/d/13332-mailform-css/4) · Dander · 2004-08-19
Dann poste sie doch hier oder war es die selbe wie meiner??
MFG
Dander
### [#5](https://www.typo3.net/d/13332-mailform-css/5) · zoe · 2004-08-19
jawoll ;)
...ich nutze das selbe.
```typoscript
SELECT {
}
TEXTAREA {
}
INPUT {
}
```
grüsse aus dem odenwald
zoe
### [#6](https://www.typo3.net/d/13332-mailform-css/6) · Schnickeschnack · 2004-09-05
hey,
danke für Euren Beitrag.
Hat mir schon viel weitergeholfen.
Nun noch die Frage, wie ich den Absende-Button ansprechen und formatieren kann.
Ich hätte ihn gern in einem kräftigen Rotton.
Hoffe, Ihr könnt mir weiterhelfen?!
viele Grüße,
Schnickeschnack
### [#7](https://www.typo3.net/d/13332-mailform-css/7) · Unbekannter Benutzer · 2004-09-08
Hallo, an welcher Position muss ich denn im Setup das styles.content.mailform angeben?
Grüße
Christoph
### [#8](https://www.typo3.net/d/13332-mailform-css/8) · zoe · 2004-09-08
nicht im setup! in constants-field deines root templates ;)
### [#9](https://www.typo3.net/d/13332-mailform-css/9) · Unbekannter Benutzer · 2004-09-08
danke mittlerweile hatte ich das auch selber rausgefunden ;)
### [#10](https://www.typo3.net/d/13332-mailform-css/10) · juli9774 · 2004-11-07
Hallo,
kommt dieser Code auch ins Constant Field
SELECT {
}
TEXTAREA {
}
INPUT {
}
oder wo packe ich den hin?
LG
Julia
### [#11](https://www.typo3.net/d/13332-mailform-css/11) · jenses · 2004-11-07
Nein,
in dein Stylesheet.
jenses
### [#12](https://www.typo3.net/d/13332-mailform-css/12) · juli9774 · 2004-11-10
So, habe mal nur zum probieren diese ins Constant field gepackt
### MAILFORMULAR ###
styles.content.mailform {
fieldWrap = |
labelWrap = |
commentWrap =
radioWrap = |
REQ.labelWrap = |
target = _self
goodMess = Vielen Dank! Ihre Anfrage wird bearbeitet!
badMess = Bitte füllen Sie noch folgendes Feld aus:
}
den Rest in die CSS aber meine Schriftgröße lässt sich immer noch nicht anpassen. Das ist mein Problem
LG
Julia
### [#13](https://www.typo3.net/d/13332-mailform-css/13) · jenses · 2004-11-10
Hallo Julia!
Du mußt im Template bei "include static" cSet stylesheet einbinden,
damit styles.content.mailform. ... greift
Das hier alles :
```typoscript
fieldWrap = |
labelWrap = |
commentWrap =
radioWrap = |
REQ.labelWrap = |
```
kannst du wieder löschen.
goodMess usw. ist OK.
Den Cache löschen, Seite im FE aufrufen, Quelltext anzeigen lassen.
Dort siehst du, das mit bzw. gewrapt wird.
Diese Klassen im Stylesheet definieren, dann sollte das Formular wie gewünscht aussehen.
viele Grüße
jenses
### [#14](https://www.typo3.net/d/13332-mailform-css/14) · juli9774 · 2004-11-10
Hi Jenses,
1001 Dank man das hat mich Nerven gekostet.
LG
Julia
### [#15](https://www.typo3.net/d/13332-mailform-css/15) · silicon · 2004-11-11
hi,
hm...komisch. bei mir zeigt allein schon die einbindung der css-formatierung (input, select) usw. schon wirkung. nur den text im formular neben den feldern weiss ich grad nicht zu formatieren. kann ich da direkt reinschreiben?
### [#16](https://www.typo3.net/d/13332-mailform-css/16) · Merlin732 · 2005-09-05
Hi, wie bereits beschrieben.
1. styles.content.mailform in den Constants Bereich im Template
2. Template >> Click here to edit whole template record >> Include Static : cSet stylesheet hinzufügen und abspeichern.
3. in deiner CSS-Datei über .mailform und .mailformrequired die klassen ansprechen.
4. im CSS-File
SELECT {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
color: #ffffff;
background-color:#777777
}
TEXTAREA {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:1px solid #000000;
color: #ffffff;
font-weight : normal;
background-color:#777777
}
INPUT {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border:1px solid #000000;
color: #ffffff;
background-color:#777777
}
einfügen bzw. abändern.
klappt wunderbar.
---
Quelle: „mailform css“, typo3.net, https://www.typo3.net/d/13332-mailform-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.