Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2001
    residenza
    Milano
    Messaggi
    217

    Problema sovrapposizione eye mostra/nascondi password

    Salve a tutti
    Sto cercando di sovrapporre l'icona per visulaizzare nascondere la password dentro il campo passowird ma non sto riusciendo.
    La mia versone è la Bootstrap v3.3.7

    Link del form
    view-source:http://www.all-forevents.com/intrane...loginadmin.asp


    Questo il codice html


    codice HTML:
    <div class="form-group"><label class="control-label" for="password">Password</label>  <div class="form-group-text"><input type="password" id="password" name="password" class="form-control" placeholder=""><span class="form-group-text"><i class="bi bi-eye-slash" id="togglePassword"></i></span></div></div>

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,674
    Ciao, in linea di massima si può applicare la proprietà position:absolute sull'elemento in questione (ad esempio lo <span> che racchiude l'icona), quindi giocare con le proprietà top, right, bottom e left per spostarlo opportunamente. Al contenitore principale di riferimento (quel <div> più esterno nel codice che hai riportato) va applicato position:relative per fare in modo che lo <span> (con absolute) vada a posizionarsi in base a quel contenitore.

    Ti invito a fare intanto qualche prova da te stesso. Puoi dare uno sguardo a questa guida su HTML.it, che spiega come impostare la cosa:
    Posizionare gli elementi con il CSS

    Fai sapere se riesci o quali eventuali difficoltà ti si presentano.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2001
    residenza
    Milano
    Messaggi
    217
    Grazie mille problema risolto.

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 © 2024 vBulletin Solutions, Inc. All rights reserved.