HTML / JS - тень текста для ввода? - PullRequest
Новая
       11

HTML / JS - тень текста для ввода?

3 голосов
/ 27 января 2012

Возможно ли даже наложение тени текста на такие элементы, как: 

<input name="submit" type="submit" id="submit" value="Submit" />

?

Конечно, тень текста не работает ни в одном браузере, когда дело доходит до ввода... Будет ли это работать в ближайшем будущем?

Я не могу редактировать HTML, разрешены только трюки JS & CSS.Мне нужно решение, которое будет работать во всех современных браузерах, не заботясь о IE7 и старше.

Есть идеи?

http://jsfiddle.net/tUDLM/

1 Ответ

1 голос
/ 13 ноября 2012

Я думаю, что это работает в современных браузерах, которые поддерживают эти свойства CSS. 

    #submit {
padding: 1em 2em;
font-size: 1.4em;
border: 0;
color: #fff;
background-color: #999;
-moz-text-shadow: 2px 1px 10px #fff000;
-webkit-text-shadow: 2px 1px 10px #fff000;
text-shadow: 2px 1px 10px #fff000;
-moz-box-shadow: 1px 1px 10px 1px #000;
-webkit-box-shadow: 1px 1px 10px 1px #000;
box-shadow: 1px 1px 10px 1px #000;
}​

Смотрите здесь http://jsfiddle.net/L2SY5/2/ Надеюсь, это поможет. Обратите внимание, что я использовал префикс некоторых поставщиков, чтобы обеспечить более широкую поддержку. На всякий случай, для кросс-браузерного решения вы можете использовать CSS PIE, хотя я слышал о некоторых проблемах с производительностью. http://www.css3pie.com/

...