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

ボタンをテキストと同じ幅にするにはどうすればよいですか? テーブルの真ん中の列くらいの広さだそうです。width属性を使用しようとしましたが、無駄でした。

Answer 1

このコードをcssファイルで使用すると、正常に動作します

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

Answer 2

入力には属性 maxsize="[文字数]" または size="[文字数]" を試してください。助けることができます。