Wie zentriere ich meine Formularschaltfläche?

-1

Ich benutze ein Cognito-Formular und es funktioniert gut, das einzige, was mich irritiert ist, dass der "Senden" -Button nicht zentriert wird. Ich habe versucht, dass die Textfelder darüber zentriert wurden, während der Absenden-Button immer noch auf der linken Seite war. Ich sehe nicht viele andere Möglichkeiten dafür. https://gyazo.com/bd4a143cefe2a0f764a82bd922f92e6f Wie zentriere ich meine Formularschaltfläche?

<div class="cognito"> 
<script src="https://services.cognitoforms.com/s/kQtsv-uYpE2Bbu47xu3lPw"> </script> 
<script>Cognito.load("forms", { id: "1" });</script></span> 
</div>

Quelle

2016-06-12 Dylan

Geben Sie ihre Mutter 'text-align: center' – LGSon

* Fragen Debug-Hilfe zu suchen („? Warum nicht diesen Code arbeiten“) muss das gewünschte Verhalten umfassen, um ein bestimmtes Problem oder Fehler und den kürzesten Code erforderlich um es in der Frage selbst zu reproduzieren. Fragen ohne eine klare Problemstellung sind für andere Leser nicht nützlich. Siehe: So erstellen Sie ein [mcve]. * Wenn dieses Skript HTML & CSS generiert, ist das Ergebnis des Skripts das, was in Ihrer Frage enthalten sein muss. Wir können dies nicht anhand der Skript-Tags beheben. – BSMP

Alles, was ich habe, ist ein Skript-Tag. Das Formular wird in Cognito Forms gehostet. Mir wurde einfach dieses Skript zum Einfügen in meinen Code gegeben. Siehst du jetzt mein Problem? – Dylan

Sie können das folgende Skript direkt vor dem Ende des span-Tags hinzufügen.

<script type="text/javascript"> 
    window.onload = function() { 
     document.querySelector(".cognito .c-action").style="text-align: center;float:none;"; 
    }; 
    </script>

Quelle

2016-06-12 05:55:08 San

Das hat ein wenig an meiner Cognito-Form gepasst, aber das Skript hat perfekt funktioniert! Ich danke dir sehr! – Dylan

Ich bin neu in CSS, aber ich erinnere mich an ein genaues Problem. Versuchen Sie, diese erstellen Sie eine CSS-Datei und fügen Sie ein Element wir Mitte-Taste sagen, und wenden Sie dann den Text-aligh: center

Beispiel

.center-button{ 
    text-align:center!important; 
}

Auf HTML-Seite

<div class="cognito center-button">

Wenn das fehlschlägt Vielleicht möchten Sie mit den Margen spielen.

Ich hoffe, es hilft.

Quelle

2016-06-12 05:46:48 Twahanz

Habe es einfach probiert und es hat nicht funktioniert. Warum ist dieser einfache Knopf so schwierig? – Dylan

Wie zentriere ich meine Formularschaltfläche?

Antwort

Verwandte Themen