Définir une zone de texte multiligne sans perdre CSS

J'ai un projet avec plusieurs zones de texte et j'ai besoin de certains d'entre eux pour devenir Multiline. Mais le problème est, quand je les ai mis en Multiline, je perds tous mes styles CSS. J'ai recherché autour de et a découvert que la zone de texte se transforme en TextArea à l'exécution, est Multiline est sélectionné. Bien, je suis toujours à la recherche d'un moyen de conserver ou de remplacer en quelque sorte le CSS pour garder mon backcolor, la taille et la police préféréeDéfinir une zone de texte multiligne sans perdre CSS

Source

2014-07-01 Filipe Vilhena

Essayez d'écrire le même CSS pour textarea. – Era

Avez-vous vérifié ce lien http://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize –

Essayez de changer votre CSS de sorte qu'au lieu de son application au input[type=text] s'applique à textarea.

Modifiez également votre code HTML actuel pour créer les zones de texte "multilignes" dans TextArea.

Je suis aussi légèrement confus ce que vous voulez dire par "runtime". Il n'y a pas d'exécution dans les pages Web HTML/CSS?

Source

2014-07-01 11:27:22 Jakob

Ceci est comme page asp.net c'est pourquoi j'ai dit "runtime" –

Je ne comprends pas vraiment ce que vous voulez dire. Les boîtes de texte multilignes sont des zones de texte, mais elles ne sont pas définies à l'exécution. Vous devez développer votre sélection CSS et ajouter des textarea.

Je ne sais pas si c'est ce que vous cherchez, mais je viens de faire un exemple sur jsFiddle: http://jsfiddle.net/N79fj/1/

HTML:

<form action="#" method="post"> 
    <input type="text" name="test" /><br /> <!-- Textbox --> 
    <textarea name="textarea" cols="30" rows="5"></textarea> <!-- Textarea (Multiline) --> 
</form>

CSS:

input[type="text"], textarea { 
    background-color: #000; 
    color: #fff; 
    font-family: Arial; 
}

Source

2014-07-01 11:34:24 Yannici

CSS

.textArea { 
    background: #ccc !important; 
    font-size:12px !important; 
} /*change css properties as you want*/

Appliquez cette classe à votre zone de texte multiligne avec l'attribut class="textArea".

Source

2014-07-01 11:34:49 Era

Ne fonctionne pas . Il continue à ignorer le CSS –

que vous avez vérifié dans firebug? voir ma mise à jour en réponse. essayez d'écrire '! important 'après chaque propriété. – Era

Essayé avec l'important et n'a pas fonctionné ... –

Définir une zone de texte multiligne sans perdre CSS

Répondre

Questions connexes