HTML5中引入的一些新输入类型(例如Google Chrome中较高的输入类型).有没有办法在不设置固定高度的情况下修复不一致的高度?
目标是使下面列出的所有输入类型包括所有提交按钮具有相同的高度.原因:
特别是当它们水平布置时,匹配设计.
灵活性,当我需要一些输入框具有更大的字体大小.
$("input").each(function() { h = $(this).outerHeight(); $(this).parent().append(h); });
input { font: inherit; display: inline-block; vertical-align: middle; box-sizing: border-box; border: 1px solid silver; padding: 0.5rem; margin: 0; } [type="search"] { -webkit-appearance: textfield; } button, [type="button"], [type="reset"], [type="submit"] { background-color: silver; }
Input Heights