Question

我想在（自定义）卡后聚合物组件的右上方添加两个核心图标按钮，另一个在底部中心添加。我该怎么做呢？当前代码适用于核心图标按钮（下方）。有没有办法通过图标类型限定核心图标按钮的样式？

<template>
  <style>
....
  core-icon-button { 
      content: '.icon clear';
      position: absolute;
      top: 3px;
      right: 3px;
      color: blue;
    }
....
</style>


<core-icon-button icon="clear"></core-icon-button>
<core-icon-button icon="thumb-up"></core-icon-button>
</template>

Answer 1

您可以自由地使用标准的着名HTML元素'ID /类：

<template>
  <style>
    .clearbtn { color: white }
    #thumbupbtn { left: 100px }
  </style>

  <core-icon-button class="clearbtn" icon="clear"></core-icon-button>
  <core-icon-button id="thumpupbtn" icon="thumb-up"></core-icon-button>
</template>

您可以使用CSS选择器：

<style>
  core-icon-button[icon="clear"] { color: white }
  core-icon-button[icon="thumb-up"] { left: 100px }
</style>

希望它有所帮助。

聚合物：不同的核心图标按钮的样式不同

1 个答案: