编辑HTML,CSS中的按钮

时间:2012-02-15 22:39:49

标签: html css button

在HTML或CSS中,有没有办法编辑按钮的大小,形状和整体外观,比如代码

<input type="button" onclick="spam()" value="Spam">

但是按钮实际上看起来很吸引人,而不是灰色和小?

3 个答案:

答案 0 :(得分:2)

当然,一种方法是给它一个类并使用该类来设置它。

<input class="submit-button" type="button" onclick="spam()" value="Spam">

.submit-button{  
  /* style properties go here */
}

要设置所有按钮的样式,只需使用css选择器,如下所示

input[type="button"] {
    /* style properties go here */
}

答案 1 :(得分:1)

在CSS中:

input[type="button"] {
    // your CSS
}

或删除[type="button"]以应用于所有输入...

答案 2 :(得分:1)

绝对。只需给你的按钮上课,然后带着造型去城里。

Try this.