Question

这是我的CSS：

<style type="text/css">
    .leftRightBorder select, 
    .leftRightBorder textarea, 
    .leftRightBorder input[type=text] 
    {
        width: 150px;
        margin-bottom: 5px;
    }
</style>

这是我的页面的顶部部分作为图像： enter image description here

CSS样式/空格/长度（就是一个单词）页面上的所有内容都是美化的，但这个顶部仍然很奇怪，成熟日期有两个下拉菜单，而且值日期也有点奇怪。以下是此顶部的ASP：

<tr id="tr14">
    <td id="td15">
        <%= Html.LabelFor(m => m.MaturityDate) %>
    </td>
    <td id="td16" style="width: 150px;">
        <%= Html.TextBox("MaturityDate", Model.MaturityDate.HasValue ? 
              Model.MaturityDate.Value.ToString("dd-MMM-yyyy") : "", 
              new { @class = "economicTextBox", propertyName = "MaturityDate", 
              onchange = "parseAndSetDt(this); ", dataType = "Date" })%>
        <%= Html.DropDownListFor(m => 
              m.AmortizationComponent.MaturityBusinessDayConvention,
              DropDownData.BusinessDayConventionList(), "", 
              new { propertyName = 
                  "AmortizationComponent.MaturityBusinessDayConvention", 
              onchange = "UpdateField(this);" })%>
    </td>
    <td id="td17" style="width: 76px">
        Value Date
    </td>
    <td id="td18" style="width: 150px">
        <%= Html.TextBoxWithPermission("RateTimeStamp", 
              Model.RateTimeStamp.HasValue ? 
              Model.RateTimeStamp.Value.ToString("dd-MMM-yyyy") : "", 
              new string[] { PERMISSIONS.hasICAdvanced }, 
              new { @class = "economicTextBox", propertyName = "RateTimeStamp", 
              onchange = "parseAndSetDt(this);", dataType = "Date" })%>
        <br />
        <%= Html.CheckBoxForWithPermission(m => m.Current, 
              new string[] { PERMISSIONS.hasICAdvanced }, 
              new { @class = "economicTextBox", propertyName = "Current", 
              onchange = "UseCurrent();UpdateField(this);" })%>
        Current
    </td>
</tr>

为什么这个部分没有被有效地设计？

Answer 1

CSS在每个浏览器中都不能以相同的方式对每个输入元素起作用。在IE中，大多数输入仍然由Windows窗体绘制，因此它们不是CSS赞美。但在Chrome和Firefox中，一切都很有效，但您可能必须专门针对select元素调整边距和大小。

如果你想支持Mac，你真的需要忘记调整大小，因为无论设置如何，Apple OS都决定自己做这件事，这与我上面提到的IE相同。

不要对此过度肛门，因为在历史的这一点上，你无法以同样的方式控制输入的每个方面，如果你试图，你会让你自己疯狂。浏览器特别是IE 9的情况越来越好，但是不要屏住呼吸，他们会按照你想要的方式工作。

注意我还假设它处于监督状态，但leftRightBorder未显示在您发布的代码中的任何位置。我假设你发布的问题并不像忘记课程那么简单。

CSS不适用于每个元素

1 个答案: