Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di exFelino
    Registrato dal
    Jul 2014
    residenza
    Aci Catena (CT)
    Messaggi
    623

    Font Awesome icon all'interno di una dropdown

    Ciao!
    Vorrei visualizzare un'icona all'interno di una dropdown, ma non riesco a in alcun modo.

    Avevo trovato una soluzione utilizzando il carattere unicode, ma non riesco a cambiare colore!
    codice:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Font Awesome Icons</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>
    
    
    <h1>fa fa-square</h1>
    
    
    <i class="fa fa-square"></i>
    <i class="fa fa-square" style="font-size:24px"></i>
    <i class="fa fa-square" style="font-size:36px;"></i>
    <i class="fa fa-square" style="font-size:48px;color:red"></i>
    <br>
    
    
    <p>Used on a button:</p>
    <button style="font-size:24px">Button <i class="fa fa-square"></i></button>
    
    
    <p>Unicode:</p>
    <select>
    <option><i class="fa fa-square"></i> TEST</option>
    </select>
    
    
    </body>
    </html>
    Qui il https://jsfiddle.net/robertinosalemi/sb60ztwp/ per la demo..


    Grazie.

  2. #2
    Utente di HTML.it L'avatar di exFelino
    Registrato dal
    Jul 2014
    residenza
    Aci Catena (CT)
    Messaggi
    623
    Per ogni option sono riuscito ad inserire l'icona colorata prima del testo, il problema è che viene colorata l'intera option.

    Qui la demo: https://jsfiddle.net/robertinosalemi/sb60ztwp/4/

    Vorrei però colorare solo l'icona prima del testo....

    Sto utilizzando Bootstrap e Font Awesome, qualche suggerimento?

    Grazie.
    Ultima modifica di exFelino; 12-07-2019 a 10:41

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.