---
title: "Rahmen um Formular und input felder"
url: "https://www.typo3.net/d/69791-rahmen-um-formular-und-input-felder"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2007-10-26"
last_reply: "2007-10-26"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Rahmen um Formular und input felder

Frontend › Styling · 0 Antworten · gestartet 2007-10-26

## Eröffnungsbeitrag

**rufusalex** · 2007-10-26 · [Beitrag #1](https://www.typo3.net/d/69791-rahmen-um-formular-und-input-felder/1)

ich kann zwar die inputfelder mit verschiedenen hintergrundfarben belegen und auch die schriftart ändern, aber ich bekomme keine rahmen drum rum.

FORM { margin: 0px 0px 0px 0px; border-bottom: #666 12px solid;}
P, PRE { margin: 0px 0px 0px 0px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-right: #666 1px solid;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid
}

input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-color: black;
border-right: 11px solid black;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid;
background-color: #696969
}

select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-right: #666 1px solid  ;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid;
background-color: #ffffff;
}

/******************/
/* Headers, plain */
/******************/
H1 { font-size: 14px; padding: 20px ; padding-left: 0px }
H2 { font-size: 18px; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 10px; font-weight: normal; }
H3 { font-size: 11px; color: #000; padding-bottom: 15px; }
H4 { font-size: 14px; color: #8A0020; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Kontaktformular (Mailform) */
.csc-mailform {
font-size: 100%;
border: 1px solid #FFFFFF;
margin: 0 10px;
color: #000000;
font-size: 11px;

}
.csc-mailform-field { padding: 5px 0; }
.csc-mailform-submit {border: 10px solid #333fff}
fieldset.csc-mailform label {font-size: 100%; float:left; width: 120px; margin: 0 0 0 0px; border: 11px solid #000000}
.csc-mailform-check {border: 0px;}

}

---

Quelle: „Rahmen um Formular und input felder“, typo3.net, https://www.typo3.net/d/69791-rahmen-um-formular-und-input-felder
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.