聚合物1.2:更改纸张选定的背景颜色

我搜索了我的问题并找到了这个

但是,接受的解决方案对我不起作用但是我无法发表评论,因为我只有6个声望 - .-

所以情况是,我想使用纸张列表框中的Polymer框架中的纸质项目,但是当您通过单击选择项目时,背景将变为灰色...文档和问题的答案我联系abvoe建议覆盖--paper-item-selected/--paper-item-focus mixin,但这对我不起作用

我的代码:

主要文件代码:

...


...

    
        
        
    

skaldesh.. 5

我找到了"解决方案"!我必须覆盖的属性被调用--paper-item-focused-before

我查看了源代码,并在shared-styles.html中找到了它

:host(.iron-selected) {
    font-weight: var(--paper-item-selected-weight, bold);
    @apply(--paper-item-selected);
  }
  :host([disabled]) {
    color: var(--paper-item-disabled-color, --disabled-text-color);
    @apply(--paper-item-disabled);
  }
  :host(:focus) {
    position: relative;
    outline: 0;
    @apply(--paper-item-focused);
  }
  :host(:focus):before {
    @apply(--layout-fit);
    background: currentColor;
    content: '';
    opacity: var(--dark-divider-opacity);
    pointer-events: none;
    @apply(--paper-item-focused-before);
  }

可以看出,默认情况下唯一应用颜色的mixin是--paper-item-focused-before将样式应用于:before伪元素.

我找到了"解决方案"!我必须覆盖的属性被调用--paper-item-focused-before

我查看了源代码,并在shared-styles.html中找到了它

:host(.iron-selected) {
    font-weight: var(--paper-item-selected-weight, bold);
    @apply(--paper-item-selected);
  }
  :host([disabled]) {
    color: var(--paper-item-disabled-color, --disabled-text-color);
    @apply(--paper-item-disabled);
  }
  :host(:focus) {
    position: relative;
    outline: 0;
    @apply(--paper-item-focused);
  }
  :host(:focus):before {
    @apply(--layout-fit);
    background: currentColor;
    content: '';
    opacity: var(--dark-divider-opacity);
    pointer-events: none;
    @apply(--paper-item-focused-before);
  }

可以看出,默认情况下唯一应用颜色的mixin是--paper-item-focused-before将样式应用于:before伪元素.