Explicitly set height for search input box. This fixes rendering in IE
This commit is contained in:
parent
1c820c9db0
commit
c4f247fea7
1 changed files with 13 additions and 9 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue