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

Question

我在 asp.net 中有一个 webforms 元素。我正在使用 bootstrap 3。我在表单组(在面板中)中有一个输入控件。我无法覆盖输入控件的最大宽度以使其适合我设置的列宽度。 我试图修改/删除 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: 287px 更改的 Site.css 提取物:

/* 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 检查了我的本地开发人员id 被呈现为 MainContent_txtName而不是 txtName .当然，您的会/可能会有所不同。一旦你有了正确的 id你需要做的就是

#MainContent_txtName
{
  max-width: 100px !important;
}

我希望这能回答你的问题