如何使我的asp:按钮的宽度更长

Question

我正在努力延长我的asp:按钮。我已经尝试在代码本身中增加宽度。这是原始代码。

<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

您似乎在使用引导程序。检查引导.css 中输入的最大宽度属性

Answer 2

在我的代码刚开始的时候，我在CSS中输入了一个最大宽度。这已经超过了我所尝试的一切。下面的代码显示了它的外观。

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

然后，我把最大宽度提高到315，这让我可以获得登录栏，甚至是关闭表单栏。我做的代码是这样的。首先是我的CSS max代码，然后是我的asp代码。

input, select, textarea {
max-width: 315px;
}
<asp:Button ID="btnLogin" runat="server" width="315px" Cssclass="btn" onclick="btnLogin_Click" Text="Login" ></asp:Button>

这就是我修复它的方法。我还必须重做表单中的输入字段，但这只是一个简单的宽度编辑。