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)

trikadin 12.01.2012 02:55

Цитата:

Сообщение от Seva1986
тут вообще взрыв мозга http://lea.verou.me/css3patterns/

Браузер чуть не сдох на этой странице)

Aetae 12.01.2012 03:00

У ФФ есть outline-radius))
А так box-sadow вовнуть и border с border-radius вовне.

FF:
<input type="text" value="a b c d e f">
<style>
input{
-moz-outline-radius: 5px;
outline: 5px solid #ddd;
border:1px solid #aaa;
padding:4px;
}
</style>


Остальные:
<input type="text" value="a b c d e f">
<style>
input{
-moz-box-shadow: inset 0 0 0 1px #aaa;
-webkit-box-shadow: inset 0 0 0 1px #aaa;
-o-box-shadow: inset 0 0 0 1px #aaa;
box-shadow: inset 0 0 0 1px #aaa;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

border:5px solid #ddd;
padding:5px;
}
</style>


Ну и для ослика - что-ить своё.)

greatilya 12.01.2012 06:23

Aetae,
Ваш второй вариант вполне подходит, спасибо!

FINoM 12.01.2012 16:10

Еще есть свойство outline

trikadin 12.01.2012 16:17

Цитата:

Сообщение от FINoM
Еще есть свойство outline

Решению проблемы оно не поможет) К тому же, ie7 его поддерживает?

greatilya, кстати, такие советы лучше задавать на форуме сайта http://htmlbook.ru . Больше шансов, что там помогут.

B~Vladi 18.01.2012 23:12

greatilya, есть ещё вариант. Глянь тут.

Gozar 19.01.2012 00:18

Цитата:

Сообщение от trikadin (Сообщение 149874)
К тому же, ie7 его поддерживает?

С недобраузерами борются лопатами и пояльником в задницу. Пытаться сделать что-то на css для ie ниже 10 версии бесполезно.

B~Vladi 19.01.2012 00:49

Цитата:

Сообщение от Gozar
Пытаться сделать что-то на css для ie ниже 10 версии бесполезно.

Слишком категорично. Касаемо закругленных углов вполне реально, я дал пример.

Gozar 19.01.2012 10:36

Цитата:

Сообщение от B~Vladi (Сообщение 151342)
Слишком категорично.

Я считаю что не слишком.

Надежда о том, что IE будет браузером с хорошим отношением к верстальщикам умерла во мне месяца три назад окончательно.

Цитата:

Сообщение от B~Vladi (Сообщение 151342)
Касаемо закругленных углов вполне реально, я дал пример.

Если ты про кучу дивов, то я отношу это к "паяльнику".

В силу реализации в последнее время кучи анимации, фич и примочек в виде дизайнерского изврата я понял, что без написания кода под последние браузеры и отдельно под ie7 и ie8 и ie9 не обойтись.

Весь этот graceful degradation существует благодаря ie. Остальные браузеры давно обновились и по моей статистике поддерживают всё что нужно из последних наворотов. Старые версии их быстро уходят и в degradation нет смысла.

Чтобы не разводить холивар опять на прописных истинах, я пожалуй на этом и закончу.

B~Vladi 19.01.2012 10:58

Цитата:

Сообщение от Gozar
я отношу это к "паяльнику"

Согласен, но работает же :)


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