如何使 asp:button 的宽度变长？

Question

我正在努力让我的 asp:button 更长。我试过将宽度放在代码本身中。这是原始代码。

<asp:Button ID="btnLogin" runat="server"  Cssclass="btn" onclick="btnLogin_Click" Text="Login" ></asp:Button>

我试过将它放在 C# 中。

<script runat="server">

    protected void Button2_Click(object sender, System.EventArgs e)
    {
         btnLogin.Width = 700;
    }

</script>

我也试过了CSS

.form-container .btn {
        background-color: green;
        color: white;
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width:1000%;
        margin-bottom: 10px;
        opacity: 0.8;
    }

我还尝试使用

将宽度放在按钮代码本身中

<asp:Button ID="btnLogin" runat="server"  width="700px" onclick="btnLogin_Click" Text="Login" ></asp:Button>

没有任何效果，我不知道该怎么做。还有其他人有什么想法吗？

Answer 1

您似乎在使用 bootstrap。检查 bootstrap.css

中输入的最大宽度属性

Answer 2

在我的代码的最开始，我在 CSS 中输入了一个最大宽度。那超越了我正在尝试的一切。下面的代码显示了它的样子。

input, select, textarea {
    max-width: 280px;
}

然后我将最大宽度也提高了 315，这样我就可以将登录栏甚至关闭表单栏。我做的代码是这样的。首先是我的 CSS 最大代码，然后是我的 asp 代码。

input, select, textarea {
    max-width: 315px;
}

<asp:Button ID="btnLogin" runat="server" width="315px" Cssclass="btn" onclick="btnLogin_Click" Text="Login" ></asp:Button>

我就是这样解决的。我还必须重做表单中的输入字段，但这只是宽度的简单编辑。

如何使 asp:button 的宽度变长？

How to make my asp:button longer with width?

css

c#

asp.net

webforms