Select card, blurred select menu

[KNicholson-VII]

Goal

A blurred drop down menu with the items still visible and the borders solid. I can change the background with ha-select.

Source Yaml

ha-select {
  --mdc-theme-surface: rgb(255,255,255,0.2);
}

ha-select::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  filter: blur(20px);
  z-index: -1;
}

Which step did you already try?

The above

Problem

it seems I cannot make the :before work with the select ha-select menu and I do not know of another way to achieve this, help!

Thanks

Read the documentation

• I have read the documentation