# Hover Color aus dem CMS-Backend

**URL:** <https://forum.shopware.com/t/hover-color-aus-dem-cms-backend/90286>\
**Category:** Programmierung\
**Tags:** administration, programming\
**Created:** [13. September 2021 um 12:18 UTC](https://forum.shopware.com/t/hover-color-aus-dem-cms-backend/90286 "2021-09-13T12:18:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [13. September 2021 um 12:18 UTC](https://forum.shopware.com/t/hover-color-aus-dem-cms-backend/90286/1 "2021-09-13T12:18:56Z")

</div>

Hallo liebe Shopware-Community,

ich möchte „eigentlich“ was ganz einfaches tun und zwar in einem CMS-Element die :hover color setzen und dann ans Frontend übergeben. Normalerweise ist das ja ziemlich simple, aber wie macht man das ganze, denn wenn man eine Farbe on hover übergeben möchte?

Mein Ansatz:  
Eine computed property:

```auto
styles() {
            return {
                '--color--hover': this.colorHover
            }

```

Danach im CSS das ganze definiere:

```auto
div:hover {
        color: var(--color-hover);
    }

```

und dann am Ende binden:

```auto
<div :style="styles"></div>

```

Leider funktioniert das nicht… Jemand eine Idee oder habe ich etwas übersehen?