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> 

just set height both button , input:

height: 40px; 

https://jsfiddle.net/v6plqbfz/1/


Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -