html - 如何更改 Polymer 中铁图标的背景颜色?

标签 html css polymer background-color

我想将搜索 iron-icon 的背景颜色更改为蓝色。我尝试添加一个 style 属性并设置 background-color: blue 但这没有用。非常感谢所有帮助。

<iron-icon icon="icons:search" on-click="doSomething" hidden$="{{disabled}}"></iron-icon>

最佳答案

您只需要更新 css 中的 fill 即可。默认值为 currentColor,它将匹配您的文本颜色。

<iron-icon icon="icons:search" on-click="doSomething" hidden$="{{disabled}}" 
    style="fill:blue">
</iron-icon>

关于html - 如何更改 Polymer 中铁图标的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32523672/

相关文章:

html - 悬停时不显示下拉菜单

javascript - Skrollr 影响距底部一定距离时淡入

jquery - 如何使用其他页面的 CSS?

html - 响应式 CSS 表单字段

selenium-webdriver - 如何正确地将 shadow DOM CSS 选择器转换为非 shadow-DOM 选择器

javascript - Polymer:在自定义元素中使用 querySelector 而不是 "this.$."

jquery - 使用 jQuery 获取 css 背景图像(使用 html 属性 'style' 设置)

css - body 元素上指定的字体大小被输入忽略

javascript - 控制不同消息的表单错误框宽度

css - Polymer 中下拉菜单的位置和大小