如何编辑表单上提交按钮的大小？

Question

嗨，我不想要提交按钮的图像，所以我使用了默认提交按钮，但我想编辑它的宽度和高度。我怎么做？

 <input type="submit" id="search" value="Search"  />

谢谢！

詹姆士

原文由 James 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 CSS，您可以使用 id (#) 选择器为该特定按钮设置样式：

 #search {
    width: 20em;  height: 2em;
}

或者，如果您希望所有提交按钮都具有特定大小：

 input[type=submit] {
    width: 20em;  height: 2em;
}

或者，如果您希望某些类别的按钮成为特定样式，则可以使用 CSS 类：

 <input type="submit" id="search" value="Search" class="search" />

和

input.search {
    width: 20em;  height: 2em;
}

我使用 ems 作为度量单位，因为它们 的扩展性更好。

原文由 Paul Grime 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

只需使用带有高度和宽度选项的样式属性

<input type="submit" id="search" value="Search"  style="height:50px; width:50px" />

原文由 Mahesh Thumar 发布，翻译遵循 CC BY-SA 3.0 许可协议