css question - themeing button

Я сделал небольшой виджет кнопки, стилизованный под какой-то gfx. мой класс css для этой кнопки похож на:

div.tButton
{
    height:20px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-image:url(/button/button.png);
}
...

этот .css также имеет классы для наведения, щелчка и отключенного состояния кнопки.

я хочу создать разные темы кнопок (цвет, размер ...), которые используют одну универсальный файл .css и просто дополнения для высоты и фонового изображения - так что мне не нужно создавать весь файл css для каждой темы.

как это можно сделать?

например. для разметки html я пробовал что-то вроде

<div class=tButton btn40>mybutton</div>

, где btn40 должен быть классом .css с другой высотой + фоновое изображение, но не работает.

Есть идеи, возможно ли это?

спасибо

1
задан Fuxi 8 October 2010 в 17:46
поделиться