У меня проблема с браузерами WebKit (Chrome 15.0.x и Safari 5.1.1), где тени теней не отображаются на текстовых вводах. Просто случайно я обнаружил, что явная настройка границы вызывает визуализацию теневого окна, даже если вы установите границу как "нет" или по умолчанию "вставка". Код ниже (просмотреть его в действии на JSFiddle) продемонстрировал проблему при просмотре с помощью Chrome или Safari, но он отображает, как ожидалось, в Firefox 6.0.2 и Opera 11.52.
HTML
<input type="text" value="Works" style="border:none;" />
<input type="text" value="Works" style="border:inset;" />
<input type="text" value="Doesn't" />
CSS
input[type="text"] {
margin: 1em;
-webkit-box-shadow: 0px 0px 2px 1px green;
box-shadow: 0px 0px 2px 1px green;
}
Мне не хватает некоторых деталей использования теней ящика в WebKit или я обнаружил ошибку?