为HTML按钮设置适当的宽度

Question

当我使用HTML时要创建表单，按钮的大小不同（输入值的大小）。

可以使用HTML为CSS按钮设置适当的宽度。

<form>
<input type="button" value="input"><br>
<input type="button" value="ok">
</form>

Answer 1

你有几个选择。

1）您可以使用内联样式（不是最佳实践）

<button style="width: 50px; height: 20px;">Click Me</button>

OR

2）您可以在页面开头的样式标签或外部样式表中使用它。

 button {
    width: 50px;
    height: 20px;
 }

Answer 2

<强>选项1

参见示例http://jsfiddle.net/mScnX/

HTML：

    <form>
<input type="button" value="input" id='button1'><br>
<input type="button" value="ok" id ='button2'>
</form>

CSS：

     #button1 {
        width:400px;
     }

    #button2{
        width:100px;
    }

选项2：

参见示例：http://jsfiddle.net/mScnX/2/

HTML：

<form>
<input type="button" value="input" style="width:400px"><br>
<input type="button" value="ok" style="width:100px"'>
</form>

Answer 3

没有其他方法可以设置html元素的样式。但是有一种方法可以在html中使用标记为每个按钮设置样式。只需添加

   <style>
    input[type="button"] {
        width: 13px;
    }
</style>

它是一种替代方案，但根本不是一种好的做法。