Why don’t CSS resets use ‘*’ to cover all elements?

by

You’ve guessed correctly – the reason is form elements.

If you set border: 0 on for example an input, it will lose the native styling.

For example: http://jsfiddle.net/nrB6N/

And, there’s no way to get that default styling back.

More Related Contents:

  1. Which HTML5 reset CSS do you use and why? [closed]
  2. CSS transform doesn’t work on inline elements
  3. How to override !important?
  4. Difference between margin and padding?
  5. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  6. Does height and width not apply to span?
  7. CSS disable hover effect
  8. Are unused CSS images downloaded?
  9. Background-image in keyframe does not display in Firefox or Internet Explorer
  10. Can you set a border opacity in CSS?
  11. Dynamic Sass Variables
  12. How can I ensure that text is inside rounded div?
  13. Should I use pt or px?
  14. Is background-color:none valid CSS?
  15. CSS Parent/Ancestor Selector [duplicate]
  16. Symfony2 – Assetic – load images in CSS
  17. Vertically centering content of :before/:after pseudo-elements
  18. Styling Password Fields in CSS
  19. Angular dynamic background images
  20. Are CSS selectors case-sensitive?
  21. Scrollbar color change in Firefox
  22. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  23. Is @Page { size:landscape} obsolete?
  24. How do I remove all default Webkit search field styling?
  25. Why doesn’t position: sticky work in Chrome?
  26. CSS Disabled scrolling
  27. Why don’t CSS filters work on SVG elements in Chrome?
  28. Change text color to white on any non-white background
  29. CSS: Center block, but align contents to the left
  30. display:table-cell not working on an input element

Leave a Comment