如果通过PolyGit加载组件,如何更改聚合物中的原色变量

桑德什·丹科德瓦尔(Sandesh Damkondwar)

我正在使用polygit加载聚合物组件。有什么办法可以覆盖--primary-color而又没有任何CSS hacks?

这是我加载聚合物的方式。

<base href="http://polygit.org/polymer+v1.4/components/">
<link href="polymer/polymer.html" rel="import">
<link rel="import" href="paper-button/paper-button.html">
<link rel="import" href="paper-input/paper-input.html">
<link rel="import" href="paper-input/paper-textarea.html">
16

在您的自定义元素中使用它

:host{
  --primary-color:blue;
}

或者,如果您使用HTML进行处理,则使用custom-style并更新其中的值:root以将其应用于任何地方,或者使用内部将其应用于特定元素

将其应用于所有元素

<style is="custom-style">
  :root{
     --primary-color:blue;
  }

将其应用于单个元素

<style is="custom-style">
  paper-card{
     --primary-color:blue;
  }

或者,如果您正在设计应用程序,我建议创建app-theme.html一个将作为您应用程序主题的中央存储库,并导入app-themeusinglink标签。

请阅读聚合物的文档以获取有关样式的更多详细信息,或查看此polycast

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从飞镖聚合物组件中引用图像

来自分类Dev

如何从飞镖聚合物组件中引用图像

来自分类Dev

聚合物1.x:是否是通过polygit暂时关闭了Google图表?

来自分类Dev

Web组件(香草,无聚合物):如何加载<template>内容?

来自分类Dev

如何选择聚合物中的桌布?

来自分类Dev

聚合物-组件布局

来自分类Dev

聚合物1.0在聚合物函数中添加变量

来自分类Dev

如何在核心工具栏聚合物组件中获得垂直居中

来自分类Dev

如何在核心工具栏聚合物组件中获得垂直居中

来自分类Dev

如何手动加载聚合物元件

来自分类Dev

如何确定聚合物元件是否加载?

来自分类Dev

如何在聚合物中正确加载js

来自分类Dev

聚合物1.0中未加载纸张元素

来自分类Dev

聚合物 - 类未加载到模板中?

来自分类Dev

如何通过控制台中的“在Dartium中运行”来运行聚合物应用程序?

来自分类Dev

如何更改纸张输入聚合物中的下划线边框

来自分类Dev

如何从外部Polymer访问聚合物变量

来自分类Dev

无法通过聚合物 2 中的 id 获取元素

来自分类Dev

将 firestore 变量放入聚合物模板中

来自分类Dev

聚合物中的“变量命名空间未声明”错误

来自分类Dev

在聚合物中定位?

来自分类Dev

聚合物组件不封装JavaScript

来自分类Dev

样式聚合物Web组件

来自分类Dev

聚合物 2:组件不呈现

来自分类Dev

聚合物项目加载缓慢

来自分类Dev

飞镖/聚合物加载屏幕?

来自分类Dev

聚合物:确定何时加载属性?

来自分类Dev

重新加载时的聚合物错误

来自分类Dev

聚合物:如何在摩卡咖啡中测试“点击”?