Сообщение от MallSerg
|
|
А фото в контакте "Рязань... или где то рядом=)" не твое случаем?
|
кто? где? кругом шпиёны
|
Сообщение от sadosado
|
|
но с компьютра чтобы он был раскрыт всегда
|
проверяла на телефоне: инпут отображается только при клике на кнопку
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
#search {
position: relative;
width: 300px;
margin: 0 10px auto auto;
height: 40px;
}
button.btn {
background: #7f7f7f;
border: 2px groove #7BA7AB;
height: 40px;
width: 40px;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}
input.form-control {
height: 40px;
width: 300px;
padding: 0 40px 0 0px;
background: transparent;
transition: 0.5s;
position: absolute;
top: 0;
right: 0;
}
input.form-control:focus {
width: 300px;
z-index: 1;
}
@media screen and (max-width: 768px){
input.form-control {
width: 0px;
z-index: 2;
}
}
</style>
</head>
<body>
<div id="search" class="input-group">
<input type="text" name="search" placeholder= "Поиск" class="form-control input-lg" />
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-lg"><i class="fa fa-search"></i></button>
</span>
</div>
</body>
Почему-то с этой страницы на телефоне открытый инпут, а тут нет:
https://jsfiddle.net/yxorL83q/42/
