Visualizzazione risultati 1 fino 9 di 9

Discussione: Cambiare colore a value

  1. #1
    Guest

    Predefinito Cambiare colore a value

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

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

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    Predefinito

    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!

  3. #3
    Guest

    Predefinito

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

  4. #4
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    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

  5. #5
    Guest

    Predefinito

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

    Codice HTML:
    <input type="submit" class="submit" id="searchsubmit" value="<?php echo esc_attr_x( '🔍', 'submit button', 'wp-portfolio' ); ?>" />
    Ultima modifica di albenessereblog : 13-06-2020 alle ore 11.46.49

  6. #6
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    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

  7. #7
    Guest

    Predefinito

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

  8. #8
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    3,980

    Predefinito

    Salve,
    lei intende qualcosa come questo?

    Codice HTML:
    <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.
    Ultima modifica di GraphOGLRisorse : 13-06-2020 alle ore 18.19.03

  9. #9
    Guest

    Predefinito

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

    Codice HTML:
    <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>

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •