Другой стиль ввода текста и стиль кнопки отправки в 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. Селектор

используйте селектор type :

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

однако, это не работает в IE6.

Я бы пошел с первым или вторым.