Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как сверстать input без картинок (https://javascript.ru/forum/xhtml-html-css/24725-kak-sverstat-input-bez-kartinok.html)

qwertyuiop10 25.01.2012 21:19

outline + border
<html>
<head>
<style>
input{
outline:1px solid #111;
border:4px solid #999;
border-radius:5px;
}
</style>
</head>
<body>
<input type="text"/>
</body>
</html>

Почти получилось...

Aetae 25.01.2012 21:43

qwertyuiop10, щито?
В теме уже преведены нормальные работчие варианты. То что у вас получится х*ня, можно сказать и не запуская.

melky 25.01.2012 22:08

qwertyuiop10, сравните рисунок (условие) и то, что у вас получилось (результат)

Nyamo 26.01.2012 07:17

box-shadow + border-radius + css3-pie (для IE).
градиенты лепить не советую.

qwertyuiop10 26.01.2012 07:18

melky,

Я же говорю, почти )

Aetae 26.01.2012 15:59

Цитата:

Сообщение от Nyamo (Сообщение 152951)
box-shadow + border-radius + css3-pie (для IE).
градиенты лепить не советую.

тему не читал@сразу отвечал, да?

trikadin 26.01.2012 16:10

Тема закрыта, потому что исчерпывающий ответ уже дан.


Часовой пояс GMT +3, время: 23:56.