Je dois mettre en surbrillance le texte à l'intérieur de la zone de texte en utilisant css. Le texte doit être mis en évidence par défaut.surligner le texte dans textarea
J'ai une zone de texte normale. Où l'utilisateur tape quelque chose. J'ai besoin que le texte ait une couleur de fond. Pas la couleur de fond de textarea. Jus le pour le texte.
Toute personne pls aide ..
Je suppose que vous voulez dire que le texte soit choisi de telle sorte qu'il puisse être retiré lorsque l'utilisateur commence à taper ou copié dans le presse-papiers. Vous ne pouvez pas accomplir une telle chose avec CSS: vous devez utiliser JavaScript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
window.onload = function(){
var t = document.getElementsByTagName("textarea");
for(var i=0, len=t.length; i<len; i++){
t[i].select();
}
}
//--></script>
</head>
<body>
<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>
</body>
</html>
Puisque vous ne pouvez avoir qu'un seul élément sélectionné à la fois, il est probablement plus intéressant pour sélectionner du texte sur le focus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
window.onload = function(){
var t = document.getElementsByTagName("textarea");
for(var i=0, len=t.length; i<len; i++){
t[i].onfocus = function(e){
e.target.select();
}
}
}
//--></script>
</head>
<body>
<textarea>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>
<textarea>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea>
</body>
</html>
Avertissement: cet exemple de code n'a pas été testé et probablement buggé.
Voulez-vous dire cela?
textarea{
background-color: #FFEFC6;
}
Je ne crois pas qu'il soit possible de faire ce que vous voulez avec juste un textarea et un CSS réguliers. Vous pouvez être en mesure d'accomplir ce que vous voulez avec l'un des éditeurs énumérés ici: link
Vous ne pouvez pas le faire en HTML/CSS. Textarea est un élément de niveau bloc et le texte à l'intérieur doit être enveloppé dans un élément de niveau en ligne pour lui donner une surbrillance distincte. Essayez de pirater quelque chose à partir d'un WYSIWYG simple coupé comme http://code.google.com/p/jwysiwyg/
Vous devez utiliser deux couches distinctes. Un pour afficher le texte de textarea et un pour montrer la surbrillance. Vous aurez besoin de js, css et html. Ignorer les nay-sayers. Le codage consiste à trouver des solutions. Les gens qui vous disent qu'il n'y en a pas, ne sont généralement pas des codeurs, ce sont des concepteurs. Que voulez-vous dire exactement par surligner?
Voulez-vous mettre en évidence tout le texte ou juste une partie de celui-ci? – RoToRa
Votre question est beaucoup trop vague pour fournir une réponse simple, s'il vous plaît mettre à jour avec plus de détails, exemples, échantillons, choses que vous avez essayé jusqu'ici, etc Mon doigt démangeaisons envie de cliquer sur le bouton de fermeture. –
dupliquer: http://stackoverflow.com/questions/142527/highlight-text-inside-of-a-textarea –