---
title: "Formularfelder per CSS"
url: "https://www.typo3.net/d/2717-formularfelder-per-css"
source: "typo3.net"
tags: ["Extensions","Frage"]
created: "2003-05-11"
last_reply: "2006-03-14"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Formularfelder per CSS

Extensions · 7 Antworten · gestartet 2003-05-11

## Eröffnungsbeitrag

**Kasi** · 2003-05-11 · [Beitrag #1](https://www.typo3.net/d/2717-formularfelder-per-css/1)

Hallo,
ich tüftel hier mit mit einem Formular rum, aber irgendwie klappt es nicht, das die Formularfelder und der Button per CSS-Stil formatiert werden.

Hier der Code:

Name: | *name = input,40 |
Firma: | *Firma = input,40 |
Email: | *email=input,40 |
Address: | address=textarea,40,5 |
Ich bitte um Kontakt: | Kontaktwunsch=check | ja

|formtype_mail = submit | Send form!
|html_enabled=hidden | 1
|subject=hidden| This is the subject

Wie muß ich es anstellen, das die textfelder und der Submit Button CSS annehmen?
Danke euch im Voraus.
Grüße
KASI

## Antworten

### [#2](https://www.typo3.net/d/2717-formularfelder-per-css/2) · maka77 · 2003-05-12

Hi Kasi,

versuchs mal hiermit:

<http://selfhtml.teamone.de/css/>

hoffe es hilft Dir weiter.

MfG,
maka77

### [#3](https://www.typo3.net/d/2717-formularfelder-per-css/3) · Kasi · 2003-05-12

Vielen Dank für die Selfhtml Seite, aber ich wollte nicht wissen wie man CSS schriebt sondern wie ich es in Typo3 einbinde.
Und hierbei genaugenommen die Formularfelder vom Kontaktformular.

GRÜße
KASI

### [#4](https://www.typo3.net/d/2717-formularfelder-per-css/4) · Mathias netfielders · 2003-05-12

steht in der TSRef (sogar genau mit dem was du brauchst als Beispiel) mußt ma suchen, findst grade nich

### [#5](https://www.typo3.net/d/2717-formularfelder-per-css/5) · Kasi · 2003-05-13

Ich habe nun so einiges versucht..
auch in der TSREF den Parameter "params = style="mein.css"
alles probiert.
Die Textfelder und der Submit Button von dem Kontaktformular reagieren einfach nicht auf meine Wünsche in Bezug auf die CSS-Formatierung.

Grüße
KASI

### [#6](https://www.typo3.net/d/2717-formularfelder-per-css/6) · Mathias netfielders · 2003-05-13

sorry, ich mein das echt nicht böse, aber vielleicht wäre selfhtml es doch noch mal wert reinzugucken.

Du gibst das Stylesheet einmal im HEAD an, und ab dann weißt du Klassen zu.
Du machst also eine Klasse .meinformular, schreibst die Formate rein und schreibst dann params=class="meinformular" ins das entsprechende form field setup.

Und das Beispiel mit style="irgendwas" steht in der TSRef auch ganz anders drin.

### [#7](https://www.typo3.net/d/2717-formularfelder-per-css/7) · dx.​evil^bert · 2003-06-13

Hier mal ne kleine HowTo für alle die immer noch Probs mit dem MailFormular und CSS haben, vielleicht hilft es ja ...

im Setup des Templates steht bei mir folgends :

```typoscript
tt_content.mailform.20.badMess = Folgende Felder sind Pflichtfelder  
tt_content.mailform.20.layout = <tr><td align=left class="text">###LABEL###</td><td><img src="clear.gif" width=10></td><td class="text">###FIELD###</td></tr>
tt_content.mailform.20.params >
tt_content.mailform.20.params = class="button"
tt_content.mailform.20.labelWrap.wrap = 
tt_content.mailform.20.fieldWrap =
```

Meine CSS Klasse sieht dabei wie folgt aus :

```css
.button {
           color : Black;
           background-color: #DAE6F2;
           font-size: 9pt;
           font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
           border-bottom-width: 1px;
           border-color: #BDD3EA;
           border-left-width: 1px;
           border-right-width: 1px;
           border-top-width: 1px;

}
```

das ganze Fomular erstrahlt jetzt in einem hübschen blau  #giggle#

greetz++

Bert

### [#8](https://www.typo3.net/d/2717-formularfelder-per-css/8) · sissi · 2006-03-14

einfach statt dem standardformular die extension pil_mailform nehmen....da kann man alles wunderschön anpassen :-)

grüsse
sissi

---

Quelle: „Formularfelder per CSS“, typo3.net, https://www.typo3.net/d/2717-formularfelder-per-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.