Cambiare colore a value

Non riesco a mettere il css a questo & #128269;

...value="<?php echo esc_attr_x( '& #128269;', 'submit button', 'wp-portfolio' ); ?>" />

[alemoppo]

Stai tentando di scrivere un numero nel campo "value". Il primo parametro a quanto vedo indica il testo da rendere "safe".

Non so quale sia il tag ma normalmente lato CSS occorre agire sulla proprietà color.

Ciao!

Questo non è un numero & #128269; è questo 🔍 nel campo cerca, gli voglio cambiare colore ma non so dove mettere il css.

[acsocmel]

quel codice è controllato dal browser/sistema
https://www.codetable.net/hex/1f50d
questo potrebbe funzionare
https://www.w3schools.com/charsets/t...981&ent=telrec
ma se usi una tua immagine di tipo svg, puoi controllarla sicuramente con i css

Il punto è che non so dove mettere lo span css per colorare solo la lente, questo è tutto il codice:

<input type="submit" class="submit" id="searchsubmit" value="<?php echo esc_attr_x( '🔍', 'submit button', 'wp-portfolio' ); ?>" />

[acsocmel]

span?
e perchè?
hai già un input, una classe, un id
scegline uno e modifica
se hai molti form sulla stessa pagina usa l'id

L'id #searchsubmit mi formatta il pulsante, il css mi serve solo per la lente

[GraphOGLRisorse]

Salve,
lei intende qualcosa come questo?

<style>
.container-2{
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
 
.container-2 input#search{
  width: 300px;
  height: 50px;
  background: #2b303b;
  border: none;
  font-size: 10pt;
  float: left;
  color: #262626;
  padding-left: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}
.container-2 input#search::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-2 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e; 
}
 
.container-2 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e; 
}
 
.container-2 input#search:-ms-input-placeholder { 
   color: #65737e; 
}
.container-2 .icon{
  position: absolute;
  top: 50%;
  margin-left: 17px;
  margin-top: 17px;
  z-index: 1;
  color: #4f5b66;
}
// generazione lente
#magnifying-glass
{
font-size: 1.9em; /* Dimensione */
display: inline-block;
width: 0.4em;
height: 0.4em;
border: 0.1em solid #0060A0;
position: relative;
right: 0.05em;
bottom: 0.1em;
border-radius: 0.35em;
}
#magnifying-glass::before
{
content: "";
display: inline-block;
position: absolute;
right: -0.28em;
bottom: -0.13em;
border-width: 0;
background: #0060A0;
width: 0.35em;
height: 0.08em;
-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
}
</style>

<div class="box">
  <div class="container-2">
      <div class="icon"><i id="magnifying-glass"></i></div> // agginge la lente
      <input type="search" id="search" placeholder="Search..." />
  </div>
</div>

Non so dove risieda il codice css della lente, ma può sempre rimpiazzarlo con quello dell'esmpio e modificarlo come preferisce.

Cordisli saluti.

Posto tutto il codice così si capisce meglio. Devo mettere un css indipendente per cambiare il colore solo della lente.

<form class="boxricerca" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">
		<label class="assistive-text"> <?php _e( 'Search', 'wp-portfolio' ); ?> </label>
		<input type="search" placeholder="<?php esc_attr_e( 'Search', 'wp-portfolio' ); ?>" class="s field" name="s" required>
		<input type="submit" class="submit" id="searchsubmit" value="<?php echo esc_attr_x( '��', 'submit button', 'wp-portfolio' ); ?>" />
   </form>