<!DOCTYPE html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
When I added xmlns, the text boxes got shorter. It’s screwing up all of my styles for my input boxes. Why?
Note: I see that in my developer console, this was added to the text boxes:
input:not([type="image"]), textarea {
box-sizing: border-box;
}
What is this and how do I get rid of it?
To override what is being set:
The default box-sizing property is
content-box. When you use thexmlns, some browsers might change the box model because it thinks it should. That’s probably a good thing. For places it causes you problems, simply override their styles.Edit: I just noticed what @Alohci did, that is, that you are putting the
xmlnson thedoctypetag instead of thehtmltag. You can patch it if you’d like to, but I’d recommend moving the attribute tohtmland see if that keeps things the way they should be.