Submit im Kontaktformular lässt sich nicht stylen

[Thomasge]

Hallo,

ich habe ein Kontaktformular aufgebaut und bin nun auf folgendes Problem gestoßen: Wenn ich versuche den Submit-Button mit input[type="submit"] im CSS zu stylen funktioniert es nicht. Also jeder Style den ich auch probiere wird nicht verarbeitet. Nehme ich aber z.B. die Klasse .submit oder den Container button funktionieren die Styles. Genauso funktionieren input[type="email"] und input[type="text"] ohne Probleme.
Woran könnte dies liegen, dass die Styles mit submit nicht funktionieren?

Für Tipps zum Beheben des Problems, wäre ich sehr dankbar.


Gruß
Thomas

[07alex07]

Sollte es nicht Button von Type submit sein?

https://github.com/contao/core-bundl...m_submit.html5

[Thomasge]

Sollte es nicht Button von Type submit sein?

https://github.com/contao/core-bundl...m_submit.html5

Das Problem lag daran, dass für den Button Contao Styles bereits intern vorbelegt hat. In den Dateien form.css und form.min.css unter contao\assets\contao\css sind die Styls zu finden. Habe dann die Bereiche ausdokumentiert und der Button funktioniert wie gewünscht.
Jetzt gibt es noch eine Frage für mich dazu. Was passiert bei einem Contao-Update? Werden die Dateien bei einem Update überschrieben oder nicht. Wenn ja, wie kann ich meine Änderungen updatesicher machen?
Danke!



Gruß
Thomas

[valentin_]

Entweder du deaktivierst die Forms Datei im Layout oder du passt deinen Selektor so an, dass der Default Style überschrieben wird.

Gesendet von meinem SM-G965F mit Tapatalk

[Spooky]

ich habe ein Kontaktformular aufgebaut und bin nun auf folgendes Problem gestoßen: Wenn ich versuche den Submit-Button mit input[type="submit"] im CSS zu stylen funktioniert es nicht. Also jeder Style den ich auch probiere wird nicht verarbeitet. Nehme ich aber z.B. die Klasse .submit oder den Container button funktionieren die Styles. Genauso funktionieren input[type="email"] und input[type="text"] ohne Probleme.
Woran könnte dies liegen, dass die Styles mit submit nicht funktionieren?

Für Tipps zum Beheben des Problems, wäre ich sehr dankbar.

Sieh dir das HTML Markup an: https://github.com/contao/core-bundl...ubmit.html5#L7 . input[type="submit"] ist der falsche Selektor.

Das Problem lag daran, dass für den Button Contao Styles bereits intern vorbelegt hat. In den Dateien form.css und form.min.css unter contao\assets\contao\css sind die Styls zu finden. Habe dann die Bereiche ausdokumentiert und der Button funktioniert wie gewünscht.
Jetzt gibt es noch eine Frage für mich dazu. Was passiert bei einem Contao-Update? Werden die Dateien bei einem Update überschrieben oder nicht. Wenn ja, wie kann ich meine Änderungen updatesicher machen?
Danke!

Du musst nichts an irgendwelchen Core Files ändern und solltest du auch nicht.