# Rahmenfarbe vom Suchfeld ändern

**URL:** <https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626>\
**Category:** Themes & Design\
**Created:** [22. Januar 2019 um 19:15 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626 "2019-01-22T19:15:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Markstar](https://avatars.discourse-cdn.com/v4/letter/m/839c29/32.png) [@Markstar](https://forum.shopware.com/u/Markstar)\
**Post date:** [22. Januar 2019 um 19:15 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626/1 "2019-01-22T19:15:40Z")

</div>

Hallo,

in der Kopfleiste ist ja dieses schöne Suchfeld, welches ich optisch aber etwas mehr hervorheben möchte **ohne** alle anderen Eingabeformulare ebenfalls zu ändern.

Zwar schaffe ich es, um das ganze Formular einen Rahmen zu machen (indem ich bei den entsprechenden Einträgen für “.main-search–form” die border-Eigenschaft hinzufüge), allerdings ist der Rahmen, den ich eigentlich anpassen möchte, weiterhin unverändert. Ich kann diesen zwar im Backend unter “Theme Konfiguration -\> Farb-Konfiguration -\> Formulare” ändern (_@input-border_ und _@input-focus-border_), aber dann gilt das halt für alle Formulare.

Ich wäre sehr dankbar wenn mir jemand helfen könnte,&nbsp;_@input-border_ und _@input-focus-border_ nur für das Suchfeld anzupassen.

Vielen Dank im voraus!

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [22. Januar 2019 um 19:46 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626/2 "2019-01-22T19:46:39Z")

</div>

Hallo Markstar

probiers es damit mal&nbsp;

```
.header-main .main-search--form .main-search--field {
   --- deine Anpasssung ---
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Markstar](https://avatars.discourse-cdn.com/v4/letter/m/839c29/32.png) [@Markstar](https://forum.shopware.com/u/Markstar)\
**Post date:** [28. Januar 2019 um 19:30 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626/3 "2019-01-28T19:30:40Z")

</div>

Super, vielen Dank! Da war ich immer in der Nähe aber offensichtlich nie an der genau richtigen Stelle. Jetzt muss ich nur noch die Stelle finden, an der ich das Hovern anpasse und es wäre perfekt. 🙂

---

<div class="post-metadata">

**Author:** ![Citysights](https://avatars.discourse-cdn.com/v4/letter/c/a8b319/32.png) [@Citysights](https://forum.shopware.com/u/Citysights)\
**Post date:** [8. Juni 2019 um 21:31 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626/4 "2019-06-08T21:31:18Z")

</div>

Hi !

hast du eine Lösung für das Hovern gefunden? Falls ja bitte lass es mich wissen.&nbsp;

Daanke

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [12. Juni 2019 um 17:45 UTC](https://forum.shopware.com/t/rahmenfarbe-vom-suchfeld-andern/57626/5 "2019-06-12T17:45:52Z")

</div>

Damit sollte es funktionieren

```
.header-main .main-search--form .main-search--field {
   --- deine Anpasssung ---

    &:hover { --- deine Anpassung--- }
}

```

&nbsp;