Как убрать тень окна со стола?
Получил запрос, с которым я боролся. Я хочу убрать тень с моих ng-таблиц, когда я наводю на них курсор, мне было интересно, как это достигается: http://prntscr.com/jcpl5g
widget-body {
background-color: #fbfbfb;
-webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
padding: 12px; }
Я уже искал в Интернете примеры, но каждый раз, когда я пытался, кажется, что удаляется реальная модель, но сохраняется тень. Любая помощь была бы замечательной!
пожалуйста, покажите свой код без изображения
@AnmolSandal Спасибо за ответ, но сделал это раньше, он удалит реальную модель, но сохранит тень. Здесь: prntscr.com/jcppyr
Этого не должно происходить @JudgeDredd
Ответы 2
Обновите css вот так
.classname:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
Как бы то ни было, в вашем вопросе нет ссылки на реальный пример или код, кроме вашего вопроса, поскольку вы заявили, что при наведении курсора вы получаете тень, и вы хотите удалить эту тень.
Поэтому просто используйте firebug или любой другой инструмент разработчика и найдите класс или стиль, который применяется во время hove, из вашего кода CSS, неясно, что
widget-body - это класс или идентификатор. Я предполагаю, что widget-body - это класс.
Вы также должны установить для конкретного браузера код теневого копирования, например -webkit-box-shadow и -moz-box-shadow, в значение none;
В этом классе просто установите box-shadow: none; или вы можете просто удалить все свойство под названием box-shadow в соответствии с вашими потребностями и то же самое для -webkit-box-shadow и -moz-box-shadow. Ваш окончательный код выглядит так
.widget-body {
background-color: #fbfbfb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 12px;
}
ПРИМЕЧАНИЕ: Пожалуйста, убедитесь, что класс .widget-body не используется никаким другим элементом на веб-сайте, если это так, тогда вам необходимо создать новый класс и переопределить свойства класса .widget-body с помощью ключевого слова !important в этом классе, иначе тень исчезнет с веб-сайта: )
Вы также можете использовать псевдокласс :hover
Я надеюсь, это поможет.
Спасибо, ваше объяснение было фантастическим. Ценить это!
Используйте
box-shadow:none;