为什么style一用css的样式就不能生效，就缩到左下角了

无情哈拉少

添加css样式之后，精简到3行也不生效


是哪里出了问题，完全没有头绪

bugensui

是不是缓存的问题，css还有个优先级的问题，可以被父div的css给优先控制了

无情哈拉少

bugensui 发表于 2024-1-16 15:17
是不是缓存的问题，css还有个优先级的问题，可以被父div的css给优先控制了

Ctrl+F5重新加载也不行，我ui.yaml精简到这一丢丢了，还是没生效


title: Home
views:
  - theme: Backend-selected
    title: 家庭总览
    path: overview
    icon: mdi:floor-plan
    type: panel
    badges: []
    cards:
      - type: custom:config-template-card
        entities:
          - switch.ccb5d1e8b32d_outlet
        card:
          type: picture-elements
          image: /local/ui/images/background1.png
          elements:
            - color_thresholds:
                - value: 20
                  color: '#f39c12'
                - value: 21
                  color: '#d35400'
                - value: 21.5
                  color: '#c0392b'
              entities:
                - sensor.foshan_temperature
              icon: mdi:home-thermometer-outline
              update_interval: 600
              show:
                icon: true
                legend: false
                name: false
              style: |
                :host {
                  left: 5%;
                  top:  5%;
                  width: 5%;
                }
              tap_action:
                action: navigate
                navigation_path: /lovelace/weather
              type: custom:mini-graph-card

gmshiwoge

这个设置位置
              style:
                left: 50%
                top: 50%
                width: 100%

这个设置css 试试
      card_mod:
        style: |
               :host {
                  left: 5%;
                  top:  5%;
                  width: 5%;
                }

无情哈拉少

gmshiwoge 发表于 2024-1-17 14:21
这个设置位置
              style:
                left: 50%

改成这样就直接报错了

gmshiwoge

无情哈拉少 发表于 2024-1-17 15:01
改成这样就直接报错了

              style: |
                :host {
                  left: 5%;
                  top:  5%;
                  width: 5%;
                }
这个删掉

无情哈拉少

gmshiwoge 发表于 2024-1-17 15:12
style: |
                :host {
                  left: 5%;

谢谢大佬，可以了

mly1314

无情哈拉少 发表于 2024-1-17 18:57
谢谢大佬，可以了

大哥怎么弄的？我的也这样

obear

mly1314 发表于 2024-7-8 20:36
大哥怎么弄的？我的也这样

card_mod:
        style: |
          :host{
          }

改成这样子。  在style 前面增加 card_mod