Полимер-проект: стиль изображения бумажной карты под # shadow-root не работает

Я работал над Polymer 2.0 и использовал полимер paper-card для отображения текста и изображения. Мне нужно применить стиль к изображению, которое находится под <iron-image>#shadow-root

Код ниже:

<paper-card elevation = "1" aria-label = "">

<iron-image>
#shadow-root
<img id = "img" hidden = "" src = "/images/image.jpg">
</iron-image>

<div class = "card-content">
<h2>Title</h2>
Some text here..
</div>
</paper-card>

Пробовал правило css от: https://stackoverflow.com/a/32025876/6191987

paper-card iron-image::shadow #shadow img {
   display: block;      
}

но у меня это не работает. В этом что-то не так?

html css polymer polymer-2.x

18.04.2018 10:45

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

112

Ответы 1

Попробуйте paper-card ::slotted(iron-image). Посмотрите ссылку здесь на стилизацию распределенных потомков.

Вы также можете попробовать --paper-card-header-image в css, например:

paper-card {
    --paper-card-header-image: {
        display: block;
    };
}

Спасибо за поддержку .. но у меня это не работает

— 24.04.2018 12:18

24.04.2018 01:45

Другие вопросы по теме

Сделайте правую часть изображения заголовка интерактивной

Другой стиль для кода и текста в php html css

Масштаб экрана Windows портит размеры css

Получить миниатюру фоторамки

Сделать размер шрифта зависимым от размера div

Мой img отображает только половину. Проблема с CSS

Bootstrap перекрывающиеся поля ввода

Получить текущий вид в прокручиваемом div

Плавающие не работают, второе фоновое изображение не регистрируется в качестве фона, центрировать объекты?

Аккордеон в Asp.Net MVC с использованием html, css и JS

Полимер-проект: стиль изображения бумажной карты под # shadow-root не работает

Ответы 1

Другие вопросы по теме

Похожие вопросы