Changer l'apparence de la barre verticale d'un input text
Résolu
ProgProject
Messages postés
71
Date d'inscription
Statut
Membre
Dernière intervention
-
ProgProject Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
ProgProject Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Changer l'apparence de la barre verticale d'un input text
- Changer dns - Guide
- Input signal out of range ✓ - Forum Matériel & Système
- Barre verticale mac ✓ - Forum MacOS
- Barre verticale clavier ✓ - Forum MacOS
- Svp faire une barre verticale avec clavier - Forum Clavier
3 réponses
Bonjour
en quel langage ?
en quel langage ?
ProgProject
Messages postés
71
Date d'inscription
Statut
Membre
Dernière intervention
2
En html, css, php, JS comme vous voulez je m'adapte
Salut,
Un début de solution :
Bonne journée
Un début de solution :
<!-- HTML -->
<label class="prompt">
C:\Users\hp>--->
<input type="text" />
</label>
/* CSS */
.prompt, .prompt input {
background-color: black;
color: green;
font-family: "Lucida Console";
}
.prompt {
display: inline-block;
border: solid 1px gray;
}
.prompt input {
border: none;
}
Bonne journée
D'accord je n'avais pas du tout compris ta question.
Il ne semble pas exister de solution simple pour ce que tu souhaites, il existe néanmoins la solution proposée ici : https://stackoverflow.com/questions/3758023/how-to-use-this-square-cursor-in-a-html-input-field
Le principe est d'utiliser javascript pour "faire croire" à l'utilisateur qu'il saisie son texte dans un div en utilisant un input caché. Il suffit ensuite de styliser comme on le souhaite le div en question.
Bonne journée
Il ne semble pas exister de solution simple pour ce que tu souhaites, il existe néanmoins la solution proposée ici : https://stackoverflow.com/questions/3758023/how-to-use-this-square-cursor-in-a-html-input-field
Le principe est d'utiliser javascript pour "faire croire" à l'utilisateur qu'il saisie son texte dans un div en utilisant un input caché. Il suffit ensuite de styliser comme on le souhaite le div en question.
Bonne journée
La solution proposée fonctionne, il y as même un lien de démonstration pour t'aider : http://jsbin.com/ehuki3/3/edit
Merci de donner plus de détail si tu n'arrives pas à le faire fonctionner, puisque en fait ça marche bien.
Merci de donner plus de détail si tu n'arrives pas à le faire fonctionner, puisque en fait ça marche bien.
