Question CSS - Zone de texte soulignée transparente - Comment faire?

StackOverflow https://stackoverflow.com/questions/1213101

  •  06-07-2019
  •  | 
  •  

Question

Bonjour,

Question CSS rapide. Est-ce que quelqu'un sait n'importe quel css rapide pour faire une zone de texte transparente soulignée? Je veux fondamentalement que la zone de texte soit invisible, à l'exception de la bordure inférieure. J'en ai besoin pour fonctionner normalement. Est-ce que je supprime simplement les bordures gauche, droite et supérieure et que le fond est transparent? Des exemples de la façon d'accomplir correctement cela? Cette application est pour IE7 si cela est pertinent. Toute aide est toujours appréciée.

Salut, ~ ck à San Diego

Était-ce utile?

La solution

Cela devrait le faire: 

input.myBox
{
    border: 0px solid #000000;
    border-bottom-width: 1px;
    background-color: transparent;
}

Testé sous IE8 (mode de compatibilité IE7)

Autres conseils

Juste une suggestion ... étant donné que les utilisateurs ne sont pas habitués à cela, vous pouvez également ajouter une pseudo-classe de survol pour modifier légèrement la couleur lorsque l'utilisateur survole le champ, comme un extra visuel " indice " de ce qui se passe.

Exemple: 

input.myBox:hover
{
   border-color: #000066;
   background-color: #FFFFF7;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top