Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.01.2019, 10:00
Аспирант
Отправить личное сообщение для Alehana Посмотреть профиль Найти все сообщения от Alehana
 
Регистрация: 22.01.2019
Сообщений: 61

Притопленный input
Как сделать так, чтобы input имел "притопленный вид", как здесь ?

https://yadi.sk/i/mONb8EuJCnHtAg
Ответить с цитированием
  #2 (permalink)  
Старый 28.01.2019, 10:31
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

border или box-shadow
<input value="asd">
<style>
body{
	background:#EEE;
}
input{
	border-radius:3px;
	border:solid 2px #BBB;
	border-right:none;
	border-bottom:none;
	padding:5px 10px;
	color:#666;
}
</style>
Ответить с цитированием
  #3 (permalink)  
Старый 28.01.2019, 10:45
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<style>
div {
   width:200px;
   height:50px;
   background-color:lightblue;
}
input {
   position:absolute;
   top:20px;
   left:20px;
   border-width:4px;
   border-color:lightskyblue lightskyblue lightblue lightblue;
}

</style>
<div>
  <input type="text">
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое копирование значения из input в input с одинаковыми атрибутами name ami_moor jQuery 2 10.08.2016 17:02
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Opera не выполняет style.fontSize=... в поле input Маэстро Opera, Safari и др. 6 20.06.2011 12:03
Копирование из одного input в другой input bar-boss Общие вопросы Javascript 7 08.04.2008 19:10
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55