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

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;
}

如何使按钮与文字一样宽？它似乎与表格的中间栏一样宽。我尝试使用 width 属性，但徒劳无功。

Answer 1

尝试输入属性maxsize =“[chars数量]”或size =“[chars数量]”。可以提供帮助。

Answer 2

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

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