规范<input>，<select>和<button>

Question

全高度和宽度，我想以规范的全宽度和高度（即宽度和高度包括填充和边界等）在<input>，<select>和<button>无失去浏览器默认使用的原生样式。

这可能吗？除了CSS之外，我愿意使用浏览器检测和JavaScript。

Answer 1

使用

input, select, textarea, button{ 

    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box; 
} 

如果你想填充和边框如果您希望从宽度吃

演示在http://jsfiddle.net/gaby/WaxTS/222/

---

使用

input, select, textarea, button{ 
    -ms-box-sizing:content-box; 
    -moz-box-sizing:content-box; 
    -webkit-box-sizing:content-box; 
    box-sizing:content-box; 
} 

填充和边框被添加到宽度。

演示，在此情况下http://jsfiddle.net/gaby/WaxTS/224/

通知，按钮不会因为他们有不同的边框匹配的元素的其余部分，如果你惹的是，禁用本机的外观。