PS 1.7 CSS impossible de trouver le code CSS de l'icone recherche quand on est focus dans le champ

[stephabcde]

Bonjour,

Je cherche à modifier la couler de la petite icone "Recherche" (en turquoise sur ma photo) lorsque l'on est focus dans le champ.

 

Impossible de trouver le code CSS correspondant.

Merci d'avance pour votre aide

 

Edited December 14, 2019 by stephabcde
for (see edit history)

[Eolia]

Effectivement ca va être compliqué de trouver du css à partir d'une photo et en plus quand il n'y a pas de photo^^

Une url c'est mieux.

Je pencherai pour une icone fontawesome en ::before

[stephabcde]

Bonjour,

Merci pour votre aide

Sorry pour la photo !

url : new.baggysmith.com

 

 

[Eolia]

		<button type="submit">
			<i class="material-icons search">&#xE8B6;</i>
      <span class="hidden-xl-down">Rechercher</span>
		</button>

#header .header-nav .material-icons {
    line-height: inherit;
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

https://new.baggysmith.com/themes/classic/assets/css/theme.css ligne 7

[stephabcde]

Merci mais ou est ce que je définis la couleur turquoise ? Cela m'échappe (je ne suis pas un super pro non plus ...)

[Eolia]

le turquoise est uniquement au :hover sur le bouton pour l'instant:

.search-widget form button[type=submit] {
    position: absolute;
    background: none;
    border: none;
    bottom: .3125rem;
    right: .125rem;
    color: #7a7a7a;
}

:hover {
    color: #d0417e;
    text-decoration: none;
}

 

[stephabcde]

Merci

le #d0417e c est du rose modifié dans le custom css 

mais si on veut tout en rose et que l'on ne veut pas de turquoise ... et lorsque l'on veut saisir un élément dans le champs de recherche le picto passe en turquoise et c'est cette couleur que je veux changer ...

[Eolia]

les infos arrivent au goutte à goutte...

Le turquoise de la loupe lors du focus vient de là

.search-widget form input[type=text]:focus+button .search {
    color: #2fb5d2
}

 

[stephabcde]

J'ai trouvé je ne sais pas comment !

.search-widget form input[type=text]:focus+button .search {color: #d0417e;}

 

Merci pour votre aide 

[stephabcde]

Ah sorry on s'est croisé !