Formularfeld bearbeiten ... Per CSS

[JoeyConta3]

Hallo und zwar wollte ich bei meinem Kontakt Formular den Sendebutten Großer ein bisschen Breiter und Höher gestalten normalerweise wurde es einfach gehn nur das problem ist dabei das ich dann alle submitbutten ändere brauchte den Selktor für genau disen Button aus google werde ich auch nicht schlau

Hier der HTML CODE

falls benötigt

<!-- indexer::stop -->
<div class="ce_form tableform block">

<h1>Kontaktformular</h1>

<form action="kontaktformular.html" id="f1" method="post" enctype="application/x-www-form-urlencoded">
<div class="formbody">
<input type="hidden" name="FORM_SUBMIT" value="auto_form_1" />
<input type="hidden" name="REQUEST_TOKEN" value="91359cf2700aa80e8ad99982c72e819b" />
<input type="hidden" name="MAX_FILE_SIZE" value="2048000" />
<table>
<tr class="row_0 row_first even">
<td class="col_0 col_first"><label for="ctrl_2" class="mandatory"><span class="invisible">Pflichtfeld</span> Vorname<span class="mandatory">*</span></label></td>
<td class="col_1 col_last"><input type="text" name="Vorname" id="ctrl_2" class="text mandatory" value="" maxlength="30" /></td>
</tr>
<tr class="row_1 odd">
<td class="col_0 col_first"><label for="ctrl_3" class="mandatory"><span class="invisible">Pflichtfeld</span> Name<span class="mandatory">*</span></label></td>
<td class="col_1 col_last"><input type="text" name="Name" id="ctrl_3" class="text mandatory" value="" maxlength="30" /></td>
</tr>
<tr class="row_2 even">
<td class="col_0 col_first"><label for="ctrl_9">Firma</label></td>
<td class="col_1 col_last"><input type="text" name="Firma" id="ctrl_9" class="text" value="" maxlength="40" /></td>
</tr>
<tr class="row_3 odd">
<td class="col_0 col_first"><label for="ctrl_12">Telefon</label></td>
<td class="col_1 col_last"><input type="text" name="Telefon" id="ctrl_12" class="text" value="" maxlength="30" /></td>
</tr>
<tr class="row_4 even">
<td class="col_0 col_first"><label for="ctrl_13">Fax</label></td>
<td class="col_1 col_last"><input type="text" name="Fax" id="ctrl_13" class="text" value="" /></td>
</tr>
<tr class="row_5 odd">
<td class="col_0 col_first"><label for="ctrl_4" class="mandatory"><span class="invisible">Pflichtfeld</span> e-Mail<span class="mandatory">*</span></label></td>
<td class="col_1 col_last"><input type="text" name="e-Mail" id="ctrl_4" class="text mandatory" value="" maxlength="30" /></td>
</tr>
<tr class="row_6 even">
<td class="col_0 col_first"><label for="ctrl_15" class="mandatory"><span class="invisible">Pflichtfeld</span> Anfrage<span class="mandatory">*</span></label></td>
<td class="col_1 col_last"><textarea name="Anfrage" id="ctrl_15" class="textarea mandatory" rows="10" cols="50"></textarea></td>
</tr>
<tr class="row_7 row_last odd">
<td class="col_0 col_first">&nbsp;</td>
<td class="col_1 col_last"><div class="submit_container"><input type="submit" id="ctrl_16" class="submit" value="Senden" /></div></td>
</tr>
</table>
</div>
</form>

</div>
<!-- indexer::continue -->

[derRenner]

Hallo,

vergib genau diesem Inhaltselement Formular eine eigene Klasse oder eine eigenen ID und sprich dann diese via CSS an

[JoeyConta3]

vergib genau diesem Inhaltselement Formular eine eigene Klasse oder eine eigenen ID und sprich dann diese via CSS an

Ja im Logischen nachvollziehbar aber wie schreibe ich diese anweisung in CSS ( bin leider ein Neuling und steige in CSS noch nicht ganz durch )

id="ctrl_16"

Diese id müsste verwendet werden könnnen ist nur einmal verwendet worden und stimmt zu dem sendenbutton

ich habe den selktor so geschrieben (benutze Contao 2.11.2 falls dies bei den CSS was ändert)

div.ce_form ctrl_16

dieser Befehl wird warscheinlich anderes geschrieben ....
Eingebunden Ist das Stylesheet

[derRenner]

klar doch - die id 'ctrl_16' habe ich überlesen.
Ja, damit kannst du den button direkt ansprechen
z.b. so:
#ctrl_16 { width:150px; height:50px;}

[JoeyConta3]

Hat Funktioniert Danke

weiss zwar net woher das # plötzlich kommt aba wird scho nen sinn haben in der css Programmierung^^

[varix]

weiss zwar net woher das # plötzlich kommt aba wird scho nen sinn haben in der css Programmierung^^

Mit # sprichts du eine ID an, mit . eine Klasse, bsp.:

HTML-Code

<td class="col_1 col_last"><div class="submit_container"><input type="submit" id="ctrl_16" class="submit" value="Senden" /></div></td>

CSS ID
#ctrl_16 { width:150px; height:50px;}

CSS Klasse
.col_1 col_last { width:150px; height:50px;}

Grüße
varix

[JoeyConta3]

okay danke