我希望有望抑制实体卡中整个切换按钮的显示的指导。

我已经尝试了足够的事情来证实我没有良好把握核心概念(即理论上似乎对Straightflows似乎而不是实践)。例如,我尝试了这个,但它不起作用:

类型:实体实体: - 实体:input_boolean.test show_header_toggle:false样式:ha-entity-toggle:$:|HA-Switch {显示:无!重要;}

Toggle按钮在阴影根内,并根据我的限制理解,这意味着如何定义我希望采取行动的项目更复杂。

1就像

Doc说:
我建议使用HACS.安装并跟踪插件。“
但是这个插件无处可在HACS中找到?
是安装它需要的自定义存储库吗?如果是的话,URL是什么?

你好。
感谢您的所有工作和帮助!

我已经搜索了几天,但似乎弄清楚它实际上是如何工作的。
我也读到图片elemts卡可能有问题,但是有一个工作?

我有2个图标,实际上应该显示调试布尔状态(删除为简化),但我只是想根据开/关状态更改颜色,并且唯一的方法似乎是卡mod。

元素: - 图标:'MDI:Android-Debug-Bridge'标题:调试类型:图标样式:'--mdc-icon-size':40px颜色:'rgba(255,0,0,0.6)'背景 - 颜色:'RGBA(3,169,244,0.6)'边界半径:50%顶部:35%左:40%填充:10px 10px 10px 10px  - 图标:'MDI:Android-Debug-Bridge'标题:调试类型:图标风格:|Hui-Icon-Element {颜色:蓝色;}图片:/类型:图片元素

但我无法让第二个图标使用第一个图标的任何属性。
我还尝试了浏览器的调试方法,并找到了一些Elemts名称,但它们修改了整个页面的颜色。

 

任何帮助可获得

呃,也许我可以在这里休息!

我刚刚做到了它:

在HACS,在前端,按“+浏览和添加恢复型”并搜索Card-Mod。认为这就是我如何制作它的工作!

找到了:+1:谢谢!

1就像

我很欣赏这个想法。希望人们能够更快地找到信息......

这里所有可能有用的帖子:


使用“::前”“::后”“内容”
邮政


实体卡
邮政


实体卡(包括某些人特殊行元素-按钮部分分配器
邮政

实体卡的字体大小
邮政

与属性的实体卡
邮政

Interities卡内的滑块实体
邮政
弹出baloon问题

“hui-input-number-tron”- 实体行“input_number”
邮政

input_select行
邮政

输入文本行
邮政

有条件行在实体卡片内
邮政

在实体卡片内的彩色复选框
邮政

隐藏实体卡内的复选框
对于某些实体行
对于所有实体行

实体卡的动画
邮政


瞥眼
邮政
更改边际
以紧凑的方式分配项目


页脚/标题
邮政


自定义:多实体行
邮政
显示“最后改变”对于物品


自定义:fold-entity行
邮政


定制:栏杆
动画片


图片一眼卡
邮政


历史图卡
造型
在使用内部堆栈时防止剪切


自定义:迷你图卡
邮政
动画 - 闪烁名称,调整大小和旋转图标
如何在卡上显示附加信息


天气卡
邮政


在“自定义:配置模板卡”中造型卡
邮政


在“习俗:张开卡”中造型卡+将样式作为变量
帖子1
帖子2


徽章
徽章:不同的造型
徽章:条件显示/隐藏
徽章:隐藏的名称


图片元素卡
邮政


媒体播放器卡
邮政


自定义:迷你媒体播放器
邮政


垂直堆栈,水平堆栈
邮政


限制卡
邮政


粘性卡
邮政

12喜欢

изображение.

类型:实体实体: - 实体:inport_boolean.test_boolean名称:'checkbox:hidden'style:hui-generic-entity-row:ha-entity-toggle:$:$:|HA-Switch {显示:无;}
1就像

谢谢!我想我现在明白了为什么我试过的许多事情都没有工作。

如果实体卡包含多个实体,则有没有办法制作风格适用于所有这些?或者必须单独为每个人重复吗?

请在这里查看:


所有实体都有常见风格伟德国际官方app下载苹果版的示例。
请注意,您可以指定一个常见的样式,然后为某些特定实体覆盖它:

类型:实体标题:'改变颜色'样式:|哈卡{颜色:蓝色;哈卡.Card内容{颜色:红色;实体: - 实体:INPUT_BOOLEAN.TEST_BOOLEAN:主机{颜色:青色;}

изображение.

我遇到的问题是,如果我移动风格左侧块,所以它适用于所有实体,它无法工作(即使只是一个实体)。

类型:实体实体: - 实体:Input_Boolean.Test_Boolean Style:Hui-Generic-Entity-Row:Ha-Entity-Toggle:$:|HA-Switch {显示:无;}

是否必须修改风格内的参考?

请检查一下:
изображение.

类型:实体标题:'checkbox:hidden'show_header_toggle:false实体: - 实体:internity:inport_boolean.test_boolean  - 实体:input_boolean.test_boolean style:hui-toggle-entity-row:$:hui-generic-entity行:ha-entity-Toggle:$:|HA-Switch {显示:无;}

“汇普利 - 实体排”是内侧阴影根“hui-toggle-onity-row”,所以您必须指定它。
如果样式用于特定实体(简而言之,您必须在阴影根内部)。

彩色复选框:

跟踪静态颜色,彩色轨道的边框:

- 实体:Input_Boolean.Test_Boolean名称:'彩色背部(静态),彩色边框'款式:Hui-Generic-Entity-Row:Ha-Entity-Toggle:$:Ha-Switch:$:$:.mdc-switch .mdc-switch__track {背景颜色:黄色!重要;边界颜色:绿色!重要;}

изображение.изображение.

跟踪有条件的颜色,彩色轨道的边框:

- 实体:Input_Boolean.Test_Boolean名称:'彩色背部(条件),彩色边框'款式:Hui-Generic-Entity-Row:Ha-Entity-Toggle:$:HA-Switch:$:|.mdc-switch .mdc-switch__track {边界颜色:绿色!重要;}。:| |HA-Switch { -   - 开关 - 未选中曲目颜色:黄色;- 选中 - 检查曲目 - 颜色:红色;}

изображение.изображение.


有条件颜色的拇指:

- 实体:input_boolean.test_boolean名称:彩色按钮(条件)样式:hui-generic-entity-row:ha-entity-toggle:$:$:|HA-Switch { -  -Switch-Unchecked-Button-Color:Yellow;-  Chect-Checked-Button-Color:Red;}

изображение.изображение.

描述了更多伟德国际官方app下载苹果版例子这里

再次感谢!我必须了解有关如何浏览各种级别的更多信息。你的例子非伟德国际官方app下载苹果版常有用。

谢谢你所有的帖子,他们都非常丰富!

但我觉得我在一开始就在一个州。没有抓住整个想法,没有能够读一个良好的白皙。

是你在顶层开始你的树的想法,并在代码上写下你的方式直到你到你想要改变的eNeioty?
那$:是要改变到那些阴影 - Y-Thing-Y?
和点冒号 - 空间管>>:|<<是为了什么时候实际来到风格的代码?

是的,我正在尝试使用这种方法。
此外,在该线程中,开发人员至少还有一种方法卡片Mod.(看看他的帖子,你会找到所需的一篇)。

它在github中描述了(https://github.com/thomasloven/lovelace-card-mod.)。
$:用于进入某些元素的阴影根。

。:用于进入某些元素(不是阴影根) - 见GitHub。

我不是100%肯定,但我认为管道|用于在样式之前打破一条线:

风格:|:主机{颜色:红色;}或风格:':主机{颜色:红色;}'
风格:惠通实体排:HA-ENTITY-TOGGLE:$:|HA-Switch { -  -Switch-Unchecked-Button-Color:Yellow;-  Chect-Checked-Button-Color:Red;}或风格:惠通实体行ha-entity-toggle:$:'ha-switch { -  -switch-unchecked-button-color:黄色;-  Chect-Checked-Button-Color:Red;}'

手段必须在最后一个冒号后一次使用管道。

这个例子:

类型:实体标题:使用pipe show_header_toggle:false实体: - 实体:internity:intern_boolean.test_boolean名称:彩色文本样式:|:主机{颜色:红色;}  - 实体:input_boolean.test_boolean名称:彩色文本样式:':host {color:红色;' - 实体:input_boolean.test_boolean名称:彩色按钮样式:hui-generic-entity-row:ha-entity-toggle:$:$:|HA-Switch { -  -Switch-Unchecked-Button-Color:Yellow;-  Chect-Checked-Button-Color:Red;}  - 实体:input_boolean.test_boolean名称:彩色按钮样式:Hui-Generic-Entity-Row:Ha-Entity-Toggle:$:'HA-Switch { -   - 开关 - 未选中 - 纽扣 - 颜色:黄色;-  Chect-Checked-Button-Color:Red;}' - 实体:Input_Boolean.Test_Boolean名称:彩色按钮样式:Hui-Generic-Entity-Row Ha-Entity-Toggle:$:'HA-Switch { -   - 开关 - 未选中 - 纽扣 - 颜色:黄色;-  Chect-Checked-Button-Color:Red; }'

изображение.

2喜欢

我已经在这里一点了。是否有任何帖子尚未得到解答?

如何到达第一个div以添加样式元素?我尝试了一些搜索,但我甚至没有确定要搜索什么。我扫描了许多illar gabdullin的帖子,因为有很多例子,但除了进入影子根,我找不到这个问题。伟德国际官方app下载苹果版

我很确定你不需要那个束缚。没有暗影生根会发生什么?您还能指定您的整个意图吗?

对不起,如果我说得很糟糕。I meant: I understand how to navigate into shadow roots (and there are many examples of those) and how to get into inner elements (like a div) but here are 3 divs on the same level and I’m unsure how to be specific about how to apply styling to only one of those divs. Should I aim to style the class on the div instead, since they each use different classes?

我试图模拟你的情况但是因为我没有任何细节,因为我没有任何细节......
在我看来,你应该使用smth,如“.classname”表示法。
喜欢:

风格:|ha-card .mmp__bg {....}

但如果它有效,不能检查自己......