css 如何居中我的表单按钮？

bpsygsoo 于 2023-05-02 发布在其他

关注(0)|答案(4)|浏览(167)

我使用的是Cognito表单，它工作得很好，唯一让我恼火的是“提交”按钮不会居中。我试过了，只是让上面的文本框居中，而提交按钮仍然在左手边。我看没有其他选择了。https://gyazo.com/bd4a143cefe2a0f764a82bd922f92e6f

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

css

来源：https://stackoverflow.com/questions/37770948/how-can-i-center-my-forms-button

4条答案

按热度按时间

uplii1fm1#

您可以在span标记结束之前添加下面的脚本。

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

赞(0）回复(0）举报 2023-05-02

ryoqjall2#

以防有人还在寻找答案。使用seamless embed和下面的css对我很有效：

.cognito .c-action{
    float:none !important;
}
.c-action #c-submit-button, .c-action{
    display:block;
    margin:0 auto !important;
}

赞(0）回复(0）举报 2023-05-02

gajydyqb3#

我是新的CSS，但我记得有一个确切的问题。尝试创建一个CSS文件并添加一个元素，比如center-button，然后应用text-aligh：center
示例

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

在html页面上

<div class="cognito center-button">

如果这失败了，你可能想玩一下利润率。

.center-button{
    margin-left: 50%;
 }

希望能帮上忙。

赞(0）回复(0）举报 2023-05-02

lf5gs5x24#

在2023年使用无缝嵌入这个CSS为我工作：

.cog-page__navigation {
  justify-content: center !important;
}

赞(0）回复(0）举报 2023-05-02

我来回答

css 如何居中我的表单按钮？

4条答案

相关问题

热门标签

最新问答