Comments (5)
Good spot. From what I've seen...
- IE8/9 add
3px
of padding tocheckbox
andradio
, which seems to effect the positioning even with thebox-sizing
correction. Setting to0
removes the extra space. - Safari and Chrome add
1px
of padding to those input types, but are unaffected by any change to padding values. - Firefox sets the padding to
0 !important
in the UA stylesheet. - Opera sets it to
1px
. Increasing the padding adds space around theinput
only when the total padding along one axis exceeds8px
. - IE6/7 add
3px
but are unaffected by changes to the padding.
So adding padding:0
to the input[type="checkbox"], input[type="radio"]
rule will bring IE8/9 closer to other modern browsers, and IE6/7 will remain unaffected. I think this is the way to get the most consistency between the most browsers, so it's going in.
Thanks!
from normalize.css.
Glad I was able to help. :)
from normalize.css.
Padding - ok, but what about margin?
http://imageshack.us/photo/my-images/231/19728050.png/
Opera 11.50, Linux, Clearlooks theme.
from normalize.css.
margin:0
is already there, I was just talking about adding padding:0
.
from normalize.css.
I see. But may be margin is not needed too?
from normalize.css.
Related Issues (20)
- Video captions to match body font family HOT 2
- Fix bad link on blog post
- Copying and making a different version based on my opinions HOT 1
- Link text color does not show HOT 2
- ios 15 updates
- Is this repository maintained at all? HOT 5
- Normalize.css Github's link in the website documentation is broken HOT 1
- Firefox vs. Chrome HOT 7
- t
- Change the link HOT 1
- <button> text color in ios is set to blue by the useragent HOT 4
- gh-pages: list markers are outside the text block HOT 4
- When i run my angular app edge detects a compatibility issue HOT 1
- Microsoft Edge adds extra margin to heading and paragraph elements HOT 1
- summary element styling needs to be scoped to details element HOT 1
- <hr> no longer respects float wrapping HOT 1
- Normalise.css HOT 1
- Normalize.css
- [[pp~
- `progress` and `[type="range"]` Odd Vertical Alignment HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from normalize.css.