0
Я столкнулся с проблемой в сафари, где текст в поле ввода отображается под полем, как вы можете видеть на изображении. Ive пробовал это в chrome и firefox, и, похоже, он работает нормально, поэтому я не уверен, что я могу изменить. Извините, я не мог понять, как отделить мои кодовые блоки для CSS и HTML, я здесь новый. 
Текст текста ввода текста Safari под полем ввода
.banner {
background: #ececec;
position: absolute;
top: 0px;
left: 64px;
width: 100vw;
height: 60px;
line-height: 60px;
min-width: 1100px;
}
.search_bar {
display: block;
height: 32px;
width: 276px;
color: #353a4f;
background: white;
border-radius: 16px;
border: none;
font-size: 16px;
font-family: League Spartan, helvetica;
padding-left: 40px;
padding-top: 4px;
margin: 0;
}
.search_bar:focus {
outline: none;
}
.search_bar_wrapper {
position: relative;
top: 14px;
left: 20px;
margin: 0 0;
z-index: 10;
}
.search_bar_icon {
position: absolute;
height: 20px;
width: 20px;
fill: #353a4f;
top: 6px;
left: 10px;
}<div class="banner">
<div class="search_bar_wrapper">
<input type="text" class="search_bar" placeholder="Search..." />
<img src="imgs/Icons/search.svg" class="search_bar_icon" />
</div>
</div>
Можете ли вы указать версию Safari? Я пробовал это в Safari и даже в мобильном Safari на iPad, и это кажется прекрасным. Благодаря! – sean
Я в версии 9.1.3 –
Выглядит хорошо в CodePen, Safari версии 9.1.3: http://codepen.io/obliviga/pen/zKKYxW?editors=1100 –