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

你有三个选择:

一堂课

给按钮一个class属性,并单独设置样式.

<input class="button">

你可以使用

 #forms input.button { ... } 

2.使用不同的元素

使用<button>元素:

<button>OK</button>

你可以解决这个问题

#forms button { ... } 

3.选择器

使用的type选择:

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

但是,这在IE6中不起作用.

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