Question

我在asp.net中有一个webforms项目。我使用bootstrap 3.我在表单组中有一个输入控件（在面板中）。我无法覆盖输入控件的最大宽度，使其适合我设置的col宽度。我尝试修改/删除Site.css中的输入{max-width}属性，但这并没有任何区别。有什么想法吗？

                 <div class="row">
                        <div class="form-group" >
                            <label for="txtName" class="col-md-3 control-label">*Material Name:</label>
                            <div class="col-md-9">
                                 <input runat="server" id="txtName" type="text" class="form-control" title="" required  />
                            </div>
                        </div>
                 </div>

我从max-width更改的Site.css提取：287px：

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 100%;
}

Answer 1

使用开发人员在任何浏览器上的工具来检查input的元素，因为您runat="server" input id会input呈现MainContent_txtName在浏览器中有所不同，因此您的样式不适用。我已通过演示页面检查了我的本地开发人员，txtName ID正在呈现为id而不是#MainContent_txtName { max-width: 100px !important; }。你当然会/可能会有所不同。一旦你有了正确的def name(name) @name = name end，你需要做的就是

Animal.new.name #=> returns "name of animal"

我希望能回答你的问题

输入控件宽度在asp.net中受限制

1 个答案: