Explicitly set height for search input box. This fixes rendering in IE

This commit is contained in:
Magnus Hoff 2017-10-26 12:13:12 +02:00
parent 1c820c9db0
commit c4f247fea7

View file

@ -333,18 +333,22 @@ input[type="search"]::-webkit-search-decoration {
input[type="search"] { input[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield;
font-size: 18px; box-sizing: border-box;
font: inherit; width: 100%;
font-size: 18px; max-width: 300px;
line-height: 32px; transition: max-width 200ms;
border-radius: 18px;
padding: 0 16px; padding: 0 16px;
margin: 0; margin: 0;
border: 1px solid #ccc; border: 1px solid #ccc;
transition: max-width 200ms;
width: 100%; font: inherit;
max-width: 300px; font-size: 18px;
box-sizing: border-box;
line-height: 32px;
height: 34px;
border-radius: 18px;
text-overflow: ellipsis; text-overflow: ellipsis;
} }