Opera поддерживает box-shadow начиная с версии 10.5, но она не работает с элементом ввода.
input[type=text] {
background-color: #fff;
border: 1px solid #a0a0a0;
box-shadow: inset 1px 1px 1px #d2d2d2;
-o-box-shadow: inset 1px 1px 1px #d2d2d2;
}
<input type="text" name="test" />
Этот код отлично работает в Chrome и Firefox, я использую Opera 11.01 на OSX 10.6. Кто-нибудь может помочь исправить это?
Это похоже на ошибку в Opera (я только что сообщил об этом). Вы можете использовать background: transparent;, и это сработает (при условии, что фон контейнера также белый).
Кроме того, нет -o-box-shadow, Opera поддерживает свойство box-shadow без префикса, так как оно реализовано.
Это похоже на ошибку, однако у меня была форма, в которой она работала, и я не мог понять, почему - разобрав ее, кажется, что добавление border-radius делает ее видимой (если вам все еще нужен цвет фона и вы не можете использовать Lea's решение) - если вам не нужны очевидные закругленные углы, вы можете использовать радиус 1px
input[type=text] {
background-color: #fff;
border: 1px solid #a0a0a0;
box-shadow: inset 1px 1px 1px #d2d2d2;
border-radius: 1px;
}
Opera игнорирует многие свойства css для элементов ввода. Box-shadow не единственный. Text-shadow или text-transform также игнорируются.
Использование элемента кнопки вместо ввода может быть решением, когда вы имеете дело с кнопками.
Кроме того, если вам нужен фоновый цвет в дополнение к решению Леи, вы можете добавить еще одну вложенную тень, например
box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, .7), /*actual shadow*/
inset 0 0 100px 0 #fff; /*just white background*/
