如何编辑表单上提交button的大小？
您好我不想为我的提交button的图像，所以我已经与默认的提交button，但我想编辑其宽度和高度。 我怎么做？
<input type="submit" id="search" value="Search" /> 谢谢！
詹姆士
使用CSS，您可以使用id（＃）select器为该特定button设置样式：
#search { width: 20em; height: 2em; }
或者如果你想要所有的提交button是一个特定的大小：
input[type=submit] { width: 20em; height: 2em; }
或者如果你想某些类的button是一个特定的风格，你可以使用CSS类：
<input type="submit" id="search" value="Search" class="search" />
和
input.search { width: 20em; height: 2em; }
我使用ems作为度量单位，因为它们往往比较好 。
只需使用带有高度和宽度选项的样式属性
<input type="submit" id="search" value="Search" style="height:50px; width:50px" />
更改高度使用：
input[type=submit] { border: none; /*rewriting standard style, it is necessary to be able to change the size*/ height: 100px; width: 200px }
<input type="button" value="submit" style="height: 100px; width: 100px; left: 250; top: 250;">
与您的要求一起使用。
你可以用css改变高度和宽度：
#search { height: 100px; width: 400px; }
值得指出的是，OSX上的safari忽略了大多数inputbutton样式，但是。
使用CSS 。
在你的<head>标签内（ #search意味着“带有search ID的元素”）
<style type="text/css"> input#search { width: 20px; height: 20px; } </style>
或者在你的<input>标签中内联
<input type="submit" id="search" value="Search" style="width: 20px; height: 20px;" />
使用CSS height和width属性。
为了在Mac上工作，还需要将button的border为none 。
这很容易！ 首先，给你的button一个id ，如<input type="button" value="I am a button!" id="myButton" /> <input type="button" value="I am a button!" id="myButton" />然后，对于高度和宽度，使用CSS代码：
.myButton { width: 100px; height: 100px; }
你也可以做这个CSS：
input[type="button"] { width: 100px; height: 100px; }
但是这会影响页面上的所有button。
工作示例 – JSfiddle
只需添加style =“width：auto”
<input type="submit" id="search" value="Search" style="width:auto" />
这在IE，Firefox和Chrome中适用于我。
