Невозможно применить теневую вставку для формы ввода

Question

Невозможно применить теневую вставку для формы ввода

0

Я хочу, чтобы в моей форме ввода была тень, но она не работает. Здесь мой код

 #searchopt div input[type='text'],#searchopt div select{
width:220px;height:30px;padding:6px;
/* Overall Layout: box shadow insect*/

-webkit-box-shadow: inset 10px 3px 296px -172px rgba(51,39,51,1);

-moz-box-shadow: inset 10px 3px 296px -172px rgba(51,39,51,1);

box-shadow: inset 10px 3px 296px -172px rgba(51,39,51,1);

}

Тем не менее, моя общая оболочка div также использует тень, но вне тени, и она отлично работает. Вот

/* Overall Layout*/
#wrapper{
margin:0px auto;
border:.5px solid #CCC;
width:1028px;
height:1028px;
overflow:hidden;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
/* Overall Layout: box shadow*/
-webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.69);
-moz-box-shadow:    0px 1px 8px 0px rgba(50, 50, 50, 0.69);
box-shadow:         0px 1px 8px 0px rgba(50, 50, 50, 0.69);
}

Может кто-нибудь мне помочь? благодаря

Houy Narun 19 янв. 2014, в 15:42

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Gasim · Accepted Answer · 2014-01-19T11-56-00.000Z

добавить border: none; к входному CSS. Таким образом, вход не будет использовать значение по умолчанию, стиль ввода для браузера и тень окна должны работать

[EDIT] Вот скрипка: http://jsfiddle.net/AR6m8/. Мне пришлось использовать пользовательские значения теней, чтобы увидеть, работает ли он, поэтому ваша проблема может быть связана с теневыми значениями.

Спасибо! да, это проблема с ценностями, я изменил ее на /* Overall Layout: box shadow*/ -webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.69); box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.69); и работает нормально! :)