Полимер - Отключить серый фон при нажатии

Question

Я изучаю Полимер. Приложение, которое я создаю, чтобы изучить Polymer, использует элемент paper-item. Я выбрал для этого вид paper-item. Однако, когда я нажимаю на элемент бумаги, фон меняется на темно-серый. Как удалить это поведение? Я хочу, чтобы фон paper-item всегда был белым. Тем не менее, не удается определить, как установить цвет фона при щелчке или выборе paper-item.

Благодарим вас за помощь и отличный сезон!

Answer 1

Я думаю, что это целенаправленное поведение, которое должно быть изменено путем переопределения подмешать:

<template> 
    <style> 
    :root /* or paper-item */ { 
     --paper-item-focused: { 
     background-color: white; 
     } 
    } 
    </style> 
    <paper-item></paper-item> 
</template> 

Если это не работает, попробуйте --paper-item-selected вместо --paper-item-focused.

Answer 2

Я думаю, что вы ищете это:

paper-item:focus::before, 
paper-item:focus::after { 
    color: white; 
    opacity: 0; 
} 

Это правило правила переопределения от "bower_components/бумага товар/бумага-позиционным-разделяемой styles.html":

:host(:focus):before, .paper-item:focus:before { 
    @apply(--layout-fit); 

    background: currentColor; 
    content: ''; 
    opacity: var(--dark-divider-opacity); 
    pointer-events: none; 

    @apply(--paper-item-focused-before); 
} 

Я надеваю «Не знаю, где импортировать правило на« paper-item: focus :: after », но в моей консоли Chrome Developer я вижу это, и мне нужно переопределить его, чтобы получить нужное поведение.

С уважением