html的表单按钮怎么改变宽度？

Question

<input type="submit" value="提交" /> 我想改变这个表单元素的宽度，怎么办我试了属性width 和 size 好像都不起作用，难道只能在value中留些空格增加它的宽度吗？

Answer 1

改变按钮有以下两种方式：

1，直接在元素上定义样式，代码如下：

<input type="submit" value="提交" style="width:100px;"/>

2，使用css控制，给按钮添加一个类名，如：

<input type="submit" value="提交" class="btn"/>
<style>
    .btn{width:100px;}
</style>

Answer 2

<input type="submit" value="提交" style="width:80px;text-align:center;"/>
当然你也可以为这个按钮指定背景图片来进行更好的修饰。希望采纳本回答被提问者采纳

Answer 3

<input type="submit" value="提交" style="width:80px"/>

希望对你有所帮助。。。