Question

我正在学习聚合物。我正在构建的用于学习Polymer的应用程序使用paper-item元素。我选择paper-item来看待它。但是，当我单击纸张项目时，背景变为深灰色。如何删除此行为？我希望paper-item的背景始终是白色的。然而，在单击或选择paper-item时无法弄清楚如何设置背景颜色。

感谢您的帮助，度过了愉快的假期！

Answer 1

我认为重新定义mixin需要改变焦点行为：

<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 / paper-item / paper-item-shared-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 Developper控制台中我看到了这一点，我需要覆盖它以获得您想要的行为。

此致

聚合物 - 单击时禁用灰色背景

2 个答案: