无法在CSS中更改输入元素的宽度

时间:2019-07-04 17:27:06

标签: html css

我正在尝试在<input>内更改 <td>的width属性  元素。

我只是简单地尝试了这个,并尝试了更多类似max-width的变体,但没有任何变化。输入框的宽度仍然相同。它在经典的html,css文件中工作正常,但是由于某种原因在asp.net中出现了错误。谢谢。

<table>
  <tr>
    <td><input class="numericInput"/></td>
  </tr>
</table>

td {
    max-height: 30px;
    max-width: 30px;
    border: 1px solid;
    text-align: center;
}

input {
    width: 20px;
}

1 个答案:

答案 0 :(得分:0)

您是否忘记将其放在样式标签中?

<style>
    td {
        max-height: 30px;
        max-width: 30px;
        border: 1px solid;
        text-align: center;
    }

    input {
        width: 20px;
    }
</style>

如果您正在使用模板,也可能要考虑以下选项,声明以下代码

@RenderSection("Styles", required: false)

在您的基本布局中,添加以下代码

@section styles{
    <style>
        /* your style here */
    </style>
}

您认为