ASP .NET MVC @ Html.EditorForを使用して入力フィールドの幅を増やす方法

debugcn 投稿 Dev

Kevainzorz

とても簡単に思えるものを修正することはできません。モデルプロパティのテキストボックス（editorfor）が必要で、その幅を増やしたいのですが、何も起こりません。以下のコードを使用しています。幅を500pxに設定しようとしましたが、何も起こりません。理想的には、テキストボックスをコンテナの全幅に広げたいと思います。何か案は？

@if (Model.isAnswerVisible)
    {
        <div class="form-group">
            <div class="col-md-10">
                <div class="input-group">
                    <span class="input-group-addon">@Model.AreaNameAnswer</span>
                    @Html.EditorFor(model => model.Answer, new { htmlAttributes = new { id = "answer", style = "width: 500px", onkeyup = "limitCharacters()", @class = "form-control" } })
                </div>

                @Html.ValidationMessageFor(model => model.Answer, "", new { @class = "text-danger" })
                <span class="glyphicon glyphicon-question-sign" aria-hidden="true" title="Leg kort uit wat jouw antwoord is op de vraag"></span>
                <label id="lblCountAnswer" style="color: green">@Model.MaxTokensAnswer</label>
            </div>
        </div>
    }

灰

デフォルトのMVC5テンプレートには、Site.cssにcssルールがあります。

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

私は通常、このルールを削除します。

入力ボックスがコンテナの幅まで拡張されないBootstrapv3入力グループで問題が発生します。

要素の順序を逆にすると、ギャップが生じます。

ここに画像の説明を入力してください

これの代わりに

ここに画像の説明を入力してください

<div class="row">
    <div class="col-md-4">
        <div class="input-group">
            <input type="text" class="form-control" />
            <span class="input-group-btn">
                <button class="btn btn-primary">OK</button>
            </span>
        </div>
    </div>
</div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]