Wyobraźcie sobie taką sytuację. Macie oto stworzoną stronę, tfu 10 stron albo i 100. Wszędzie tabele, przyciski, formularze. Ten co to wszystko stworzył nie zadbał o style, zostawił to wam. Chcemy zmienić style we wszystkich przyciskach… no ale przycisk z type=”input” to nie to samo co przycisk z type=”submit”…
Pierwsza metoda to przelecenie tych stu stron i dodanie pola class do wszystkich inputów:
Ale przeciez CSS pozwala na łatwe załatwienie sprawy:
input[type="text"] {
font:bold 10px/12px verdana,arial,serif;
padding:3px;
}
input[type="button"],input[type="submit"] {
/* co tam chcesz */
}
Znalazłem także w necie ciekawe podejście do starszych przeglądarek. Zostosowanie javascriptów pozwala osiągnąć ten sam efekt, czyli modyfikacje wszystkich stylów za pomocą jednego css’a.