卡模式 - 将CSS样式添加到任何Lovelace卡

Kongo09（Kongo09） 2021年1月30日，下午12:41 ＃1359

我想修改标准光带有三个目标的昏暗者卡片：

消除More-Info菜单的三个点
使背景透明
让图标保持其颜色，而不是随着昏暗的水平 /亮度而变化

我设法实现了前两个，但我陷入了第三局。有建议吗？

类型：光实体：light.shelly_leo_dimmer样式：|mwc-icon-button.more-info {display：none;} ha-card {背景：无;}

2021-01-30_13-37-31

检查文档，我可以看到筛选：上ha-icon-button负责变化的颜色。但是，将其设置为没有任何似乎没有效果：

类型：光实体：light.shelly_leo_dimmer样式：|mwc-icon-button.more-info {display：none;} ha-card {背景：无;} ha-icon-button {filter：none;}

我觉得缺少一些明显的东西。

Ktibow（肯德尔R） 2021年1月30日，下午2:50 ＃1360

过滤器负责亮度；您还需要设置颜色。

Kongo09（Kongo09） 2021年1月30日，下午2:59 ＃1361

我认为这不是那么容易。以下没有影响：

类型：光实体：light.shelly_leo_dimmer样式：|mwc-icon-button.more-info {display：none;} ha-card {背景：无;} ha-icon-button {filter：none;颜色：绿色；}

Ktibow（肯德尔R） 2021年1月30日，下午3:01 ＃1362

利用！重要的

Kongo09（Kongo09） 2021年1月30日，下午3:25 ＃1363

谢谢，是的，就是这样！

类型：光实体：light.shelly_leo_dimmer样式：|mwc-icon-button.more-info {display：none;} ha-card {背景：无;} ha-icon-button {过滤器：无！}

2021-01-30_16-24-23

smartliving.rocks（Amon Reich） 2021年2月2日，上午9:01 ＃1364

非常感谢！我想知道可以将变量放在哪里，以便可以在其他卡中重复使用它。

Ktibow（肯德尔R） 2021年2月2日，下午2:42 ＃1365

在您的主题中。

1喜欢

石油（石油） 2021年2月3日，晚上7:42 ＃1366

您可以分解如何进入此选择器吗？我今天早上试图应用我的选择器知识，但没有得到相同的结果（或工作结果）。

Ktibow（肯德尔R） 2021年2月4日，晚上8:18 ＃1367

哦，那是一个古老的帖子。您能分享您所付出的东西吗？

石油（石油） 2021年2月4日，晚上8:20 ＃1368

我不记得我最初有什么。但是我想知道您如何获得初始选择点。你怎么知道使用布局卡$？

Ktibow（肯德尔R） 2021年2月4日，晚上8:21 ＃1369

那是卡片元素的名称。

石油（石油） 2021年2月4日，晚上8:23 ＃1370

那么$从哪里来，为什么要结束？这是定制卡中的新东西吗？

Ktibow（肯德尔R） 2021年2月4日，晚上8:25 ＃1371

这是旧语法：

样式：元素卡：$：另一个东西：$：|

这是新的语法：

样式：元素卡$另一个$：|

1喜欢

石油（石油） 2021年2月4日，晚上8:25 ＃1372

好，谢谢

Ildar_gabdullin（Ildar Gabdullin） 2021年2月5日，晚上8:13 ＃1373

您能否解释什么意思是“新语法”，我们可以从现在起使用它，它在任何地方都可以使用吗？

parautenbach（Pieter Rautenbach） 2021年2月5日，晚上8:37 ＃1374

再加上这一点：旧语法会停止工作，还是新的语法更像是语法糖？

Ktibow（肯德尔R） 2021年2月5日，晚上8:51 ＃1375

您能再解释您的问题吗？

如果你想。

我不知道，但是到目前为止，我的所有用途都可以使用。

我认为它仍然可以正常工作。

它确实解决了旧语法的问题

1喜欢

Ildar_gabdullin（Ildar Gabdullin） 2021年2月5日，下午9:14 ＃1376

请给我一个例子，我没有明白，谢谢！

Ktibow（肯德尔R） 2021年2月6日，上午1:59 ＃1377

最初起作用，然后停止工作：

样式：元素卡：$：另一个东西：$：|

当新的语法问世时，它起作用了。

Maxym 2021年2月6日，上午11:11 ＃1378

抱歉迟到：
我以鲍泽的方式实现了它。看，这是实体卡的内容

类型：实体标题：厨房实体： - 实体。：ha-entity-toggle：$：|ha-switch {填充：0px;}

我还有另一个示例这次多实体嵌入到限制卡中

实体： - 类型：'自定义：限制卡'操作：double_tap样式：多重行业$：ha-entity-toggle $：|ha-switch {padding-top：0;}。：| |状态badge {line-Height：20px;身高：30px;}。：| |ha-icon {保证金顶：5px}

前

后

供电话语，最好使用JavaScript启用