html - 设置表格中提交按钮的宽度

Question

基本问题。有一个表单提交按钮：

HTML：

<tr>
    <td class="submit" colspan="3">
        <input class="design1" type="submit" value="Let's get started"  />
    </td>
</tr>

CSS：

.design1{
background-color:#3c3c3c;
color: #e5e5e5;
padding:5px;
}

.design1:hover {
background-color:#016a70;
color: #f0f0f0;
padding:5px;
}

.design1:active {
background-color:#016a70;
color: #f0f0f0;
padding:5px;
}

如何使按钮与文本一样宽？它似乎和桌子的中间一列一样宽。我尝试使用宽度属性，但徒劳无功。

Answer 1

在您的 css 文件中使用此代码，工作正常

.submit input{width:150px;
 height:100px;}

Answer 2

尝试输入属性 maxsize="[number of chars]" 或 size="[number of chars]" 。有帮助。