Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Czyszczenie stylów
Forum PHP.pl > Forum > Po stronie przeglądarki
borpaw
W jaki sposób można odpiąć style od obiektu np input?
Mam plik css gdzie wcześniej są poustalane style na input (globalnie)
Ale w jakimś konkretnym miejscu potrzebuje mieć nieostylowany lub inaczej ostylowany input.
Najleprzym wyjsciem byloby usunąć w tym miejscu style dla tego obiektu.
Czy można to zrobić?
Niktoś
W php to chyba tylko
if{
Input ze stylami
}else
{
input bez styli
}
JScript i jquery dają już większe możliwości.
webfreak
  1.  
  2. input[type="submit"], input[type="reset"] { ... } /* na takiej zasadzie sie baw ze stylami i ich czysczeniem jesli forma ma klasy to wywal klasy i stylizuj tymi klasami */
  3.  
markonix
Not w css (nie wiem jak z obsługą w starych przeglądarkach) bądź klasa dla tego inputa, która resetuje wszystkie wartości (tła, marginesy itp).
webfreak
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td,
  10. article, aside, canvas, details, embed,
  11. figure, figcaption, footer, header, hgroup,
  12. menu, nav, output, ruby, section, summary,
  13. time, mark, audio, video {
  14. margin: 0;
  15. padding: 0;
  16. border: 0;
  17. font-size: 100%;
  18. font: inherit;
  19. vertical-align: baseline;
  20. }
  21. /* HTML5 display-role reset for older browsers */
  22. article, aside, details, figcaption, figure,
  23. footer, header, hgroup, menu, nav, section {
  24. display: block;
  25. }
  26. body {
  27. line-height: 1;
  28. }
  29. ol, ul {
  30. list-style: none;
  31. }
  32. blockquote, q {
  33. quotes: none;
  34. }
  35. blockquote:before, blockquote:after,
  36. q:before, q:after {
  37. content: '';
  38. content: none;
  39. }
  40. table {
  41. border-collapse: collapse;
  42. border-spacing: 0;
  43. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.