CSS3 i szybkie formatowanie inputów

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.

Zostaw odpowiedź

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.