如何使我的 asp:button 随着宽度变长？答案

【问题标题】：How to make my asp:button longer with width?如何使我的 asp:button 随着宽度变长？
【发布时间】：2020-06-06 00:15:24
【问题描述】：

我正在尝试让我的 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>

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

【问题讨论】：

这个Width="700px" 应该单独工作。我认为您在这里错过了其他东西，也许是其他 css 的宽度覆盖或其他东西？
你清除浏览器缓存了吗？
其他一些脚本可能已经使用 !importan 元素设置了按钮宽度——这就是为什么没有什么对你有用的原因。检查页面上的其他 CSS 代码
@ywwy 我清除了我的缓存，我会再次检查代码，看看他们的东西是不是弄乱了宽度
@Airizzo，进入浏览器的开发者模式，在这里你可以检查影响按钮的 css 规则。

标签： c# css asp.net webforms

【解决方案1】：

看来您正在使用引导程序。检查 bootstrap.css 中输入的 max-width 属性

【讨论】：

我不在任何应用程序中使用任何引导程序。我没有时间学习它，所以我远离它。谢谢。

【解决方案2】：

在我的代码的最开始，我在我的 CSS 中添加了一个 max-width。那已经超过了我正在尝试的一切。下面的代码展示了它的样子。

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>

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

【讨论】：