Как сделать мою кнопку 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. Это кончилось тем, что я пытался. Следующий код показывает, как это выглядит.

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>

Вот как я это исправил. Мне также пришлось переделывать поля ввода в форме, но было просто легко редактировать ширину.

Answer 2

Кажется, вы используете bootstrap. проверить свойство максимальной ширины ввода в bootstrap. css