CSS中不同的输入文本样式和提交按钮样式

Question

我用过

#forms input {
    padding:0.15em;

    height:1.5em;
    border:1px solid #ddd;
    background:#fafafa;
    font:bold 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
}

但它为输入文本框和提交按钮生成相同的样式。我想给出不同风格的提交按钮。

Answer 1

您有三种选择：

<强> 1。一堂课

为按钮指定class属性，并单独设置样式。

<input class="button">

您可以使用

解决这个问题

 #forms input.button { ... } 

<强> 2。使用其他元素

使用<button>元素：

<button>OK</button>

您可以使用

解决这个问题

#forms button { ... } 

第3。选择

使用the type selector：

    #forms input[type="button"]  { ... } 

然而，这在IE6中不起作用。

我会选择第一个或第二个。