# \[CSS\] Wo finde ich den Code für :focus CSS für main-search--field

**URL:** <https://forum.shopware.com/t/css-wo-finde-ich-den-code-fur-focus-css-fur-main-search-field/36803>\
**Category:** Themes & Design\
**Created:** [17. Mai 2016 um 15:54 UTC](https://forum.shopware.com/t/css-wo-finde-ich-den-code-fur-focus-css-fur-main-search-field/36803 "2016-05-17T15:54:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![\_Max](https://avatars.discourse-cdn.com/v4/letter/_/ecd19e/32.png) [@\_Max](https://forum.shopware.com/u/_Max)\
**Post date:** [17. Mai 2016 um 15:54 UTC](https://forum.shopware.com/t/css-wo-finde-ich-den-code-fur-focus-css-fur-main-search-field/36803/1 "2016-05-17T15:54:13Z")

</div>

Wenn man auf die Suche klickt wird die border eingefärbt und ich möchte das anpassen.

Oder nutzt shopware in dem Fall noch Javascript?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [18. Mai 2016 um 01:38 UTC](https://forum.shopware.com/t/css-wo-finde-ich-den-code-fur-focus-css-fur-main-search-field/36803/2 "2016-05-18T01:38:59Z")

</div>

Chrome Dev Tools nutzen und vorher die [CSS Source Maps](https://developers.shopware.com/designers-guide/less/#creating-css-source-maps) aktivieren:

> <https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/less/_components/fields.less#L46>