Question

我想知道是否可以更改表单按钮的外观。主要是高度，宽度等，但如果可能的话也要着色，而不必为它创建图像。

Answer 1

当然，你可以。按钮可以像页面上的其他元素一样通过CSS设置样式。例如：

<form>
    <input type="button" value="Button1" class="c1" />
       <input type="button" value="Button2" class="c2" />
       <input type="button" value="Button3" class="c3" />
</form>

.c1 {
    background-color: #cc0000;
}
.c2 {
    color: white;
    background-color: #cc0000;
}
.c3 {
    color: white;
    background-color: #cc0000;
    width: 10em;
    height: 5em;
}

您应该看到Button1背景为红色，Button2白色文字为红色，Button3尺寸较大。你可以做更多的事情，但这是一个开始。

Answer 2

http://www.w3schools.com/css/css3_intro.asp

点击链接并了解教程，您将获得所需的一切。

您可以通过更改背景颜色，纸板，圆角半径来更改按钮的形状。

<style>
button{
background: #444;
width: 100px;
height: 100px;
border: 1px solid #333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>
<button>Test</button>

如何更改表单按钮外观？

2 个答案: