不能使宽度大于200px

Question

我有一个文本框和textarea,我想增加宽度.我不能使宽度大于默认值,但我可以减少它.默认宽度约为200px

以下是控件的代码:

@foreach (var item in Model)
{
    <tr>
        ...
        <td>
            @Html.DisplayFor(modelItem => item.NoteTextViewModels.First().ContextIdentifier, new { @class = "timeAndNote" })
        </td>
...

和css:

.timeAndNote{
       width: 500px;
   }

我正在使用JQuery对话框来显示数据:

<div id="noteDialogDiv" style="display: none;"></div>

和JS功能:

function showDetailedImage(divId, dialogTitle) {
var target = '#' + divId;
$(target).attr("title", dialogTitle);

var dialog = $(target).dialog({
        show: "clip",
        hide: "clip",
        height: $(window).height() / 3,
        width: $(window).width() / 3 ,
        title: dialogTitle,
        modal:true,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
            }
        }
});
dialog.dialog('open');

}

有什么我不知道的,这可以防止用户在某些场合中增加某些控件的宽度吗？

我添加了一个图像,其中有2个箭头指向我想要更宽的控件:

Answer 1

如果我不得不猜测,我会说最大宽度实际上是280px.我猜是因为默认MVC项目模板生成的Site.css文件具有以下样式定义:

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

删除它,你应该是好的.无论是谁为MVC 5做了样本模板都是懒惰的,并采用了一个快捷方式来使默认表单看起来很好,而不是实际使用Bootstrap网格.