css - Button to match height of field? -
i trying buttons same height field... must missing obvious @ moment because heights different on each browser: jsfiddle
input { font-size:16px; padding:8px; display:inline-block; border:1px solid #ccc; box-shadow:inset 0 1px 3px #ddd; border-radius:0px; vertical-align:middle; box-sizing:border-box; line-height:20px; } button { font-size:16px; display:inline-block; background:#ffffff; border: 1px solid #ccc; cursor:pointer; color:#b2b2b2; font-weight:700; padding:8px; line-height:20px; vertical-align:middle; box-sizing:border-box; }
<button>-</button><input type="text"/><button>+</button>
Comments
Post a Comment