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

_Max · 17. Mai 2016 um 15:54

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?

Shopwareianer · 18. Mai 2016 um 01:38

Chrome Dev Tools nutzen und vorher die CSS Source Maps aktivieren:

shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/less/_components/fields.less#L46


.box-shadow(inset 0 1px 1px @gray-dark);
background: @input-bg;
border: 1px solid @input-border;
border-top-color: darken(@input-border, 5%);
color: lighten(@text-color, 15%);
text-align: left;

&:focus {
    .box-shadow(0 0 0 transparent);
    outline: none;
    border-color: @brand-primary;
    background: #fff;
    color: @text-color;
}

&.has--error {
    color: @input-error-color;
    background: @input-error-bg;
    border-color: @input-error-border;
}

Thema		Antworten	Aufrufe
Suche verschoben, fehler in Darstellung beim Zoomen Shopware 3.5 general	0	549	16. Oktober 2013
CSS-Änderungen werden teilweise nicht angenommen Shopware 3.5 themes--design	6	952	15. April 2013
Umrandung entfernen von Searchbox etc Shopware 6 (German)	5	30	8. August 2024
Box für Artikelvergleich etwas unplatziert Shopware 3.5 themes--design	17	1635	23. März 2014
Rahmen des HTML 5 Element in der Einkaufswelt entfernen Themes & Design	14	5701	21. April 2017

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

Verwandte Themen