---
title: "Ändra textstil i en textbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/99686-ändra-textstil-i-en-textbox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "calson"
published: "2004-03-17T14:43:15.000Z"
updated: "2004-03-21T16:36:14.000Z"
replies: 15
views: 719
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/99686-ändra-textstil-i-en-textbox"
---

# Ändra textstil i en textbox

## #1 — calson, 2004-03-17T14:43Z

Är det möjligt att ändra på text stilen i en textbox.

ex

```
<textarea cols="50" rows="10">
  <font color="red">Hej alla glada</font>
  <font color="black"> Allt väl?</font>
</textarea>
```

**Hej alla glada** skall alltså visas som röd och **Allt väl?** skall visas som svart

Någon som vet hur man gör det?

Permalänk: https://www.webforum.nu/p/99686

## #2 — Flashes, 2004-03-17T14:51Z

Ska det vara en shoutbox eller liknande? 
eller kommer samma person/användare att skriva både rött och svart?

Permalänk: https://www.webforum.nu/p/1302447

## #3 — calson, 2004-03-17T14:56Z

Nä ingen shoutbox.

Det jag försöker göra är ett admin skript där det är en textbox som ser ut som själva sidan.

Permalänk: https://www.webforum.nu/p/1302452

## #4 — calson, 2004-03-19T10:07Z

ingen som vet?

Permalänk: https://www.webforum.nu/p/1303655

## #5 — calson, 2004-03-19T10:10Z

```
<textarea cols="50" rows="10" style="color:red;">
```

Detta gör ju all text röd. Det jag vill göra är att kunna använda olika färger i textboxen

Permalänk: https://www.webforum.nu/p/1303659

## #6 — PepeJeria, 2004-03-19T10:16Z

Går ej tyvärr.

Permalänk: https://www.webforum.nu/p/1303663

## #7 — calson, 2004-03-19T10:17Z

attans
tack ändå

Permalänk: https://www.webforum.nu/p/1303664

## #8 — bossse, 2004-03-20T11:20Z

Visst går det!

Har suttit och lekt lite med textarea, textfärg och css.
Detta var vad jag knåpade ihop.
Kanske detta kan ge dig några ideér.
Har gjort nerde arean grå bara för tydligheten.
Så, visst går det om bara viljan finns.

\[KOD\]
\<HTML\> 
\<HEAD\> 
\<style type="text/css"\> 
\<!--

div  
{
width:300px;
height:100px;
background-color:green; 
}

.text1 {background-color:green; border:0px; color:red; font-family:verdana; font-size:14pt; width:300px;} 

.text2 {background-color:green; border:0px; color:blue; font-family:verdana; font-size:12pt; width:300px;} 

.AREA1  
{
width:300px;
background-color:green; 
border:0px;
font-family:arial, verdana;
font-size:16px;
color:yellow;
scrollbar-shadow-color:green; 
scrollbar-arrow-color:black; 
scrollbar-face-color:green;
overflow:auto;
}

.AREA2  
{
width:300px;
background-color:silver; 
border:0px;
font-family:arial, verdana;
font-size:16px;
color:green;
scrollbar-shadow-color:green; 
scrollbar-arrow-color:black; 
scrollbar-face-color:green;
overflow:auto;
}
\--\>
\</style\>

\</HEAD\>
\<BODY\>
\<div\>
\<input name="Namn type="text" value="Rubrikfärg kanske" class="text1"\> 
\<input name="Namn type="text" value="Annan färg" class="text2"\> 
\<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area1\>
Här kan du skriva text med valfrifärg.
När texten ej ryms så kommer en vertikal rullist fram

Permalänk: https://www.webforum.nu/p/1304212

## #9 — bossse, 2004-03-20T11:41Z

Blev nåt fel med mitt förra inlägg, gör ett nytt försök

```
<HTML> 
<HEAD> 
<style type="text/css"> 
<!--

div  
{
width:300px;
height:100px;
background-color:green; 
}

.text1 {background-color:green; border:0px; color:red; font-family:verdana; font-size:14pt; width:300px;} 

.text2 {background-color:green; border:0px; color:blue; font-family:verdana; font-size:12pt; width:300px;} 

.AREA1  
{
width:300px;
background-color:green; 
border:0px;
font-family:arial, verdana;
font-size:16px;
color:yellow;
scrollbar-shadow-color:green; 
scrollbar-arrow-color:black; 
scrollbar-face-color:green;
overflow:auto;
}

.AREA2  
{
width:300px;
background-color:silver; 
border:0px;
font-family:arial, verdana;
font-size:16px;
color:green;
scrollbar-shadow-color:green; 
scrollbar-arrow-color:black; 
scrollbar-face-color:green;
overflow:auto;
}
-->
</style>

</HEAD>
<BODY>
<div>
<input name="Namn type="text" value="Rubrikfärg kanske" class="text1"> 
<input name="Namn type="text" value="Annan färg" class="text2"> 
<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area1>
Här kan du skriva text med valfrifärg.
När texten ej ryms så kommer en vertikal rullist fram
</TEXTAREA>
<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area2>
Här kan du skriva text med annan färg.
Denna får en egen rullist
om texten ej ryms
</TEXTAREA>
</div>
</BODY>
</HTML>
```

Permalänk: https://www.webforum.nu/p/1304222

## #10 — calson, 2004-03-20T16:56Z

tackar ska pröva så snart jag har tillgång till mitt skript :)

Permalänk: https://www.webforum.nu/p/1304352

## #11 — Peeer, 2004-03-20T21:32Z

bossse \> Det där frågade väl inte calson efter? Han vill ju ha EN textarea som innehåller olika färger. Din "lösning" innehåller ju 2 separata textareor (samt ett par input-boxar).

Permalänk: https://www.webforum.nu/p/1304463

## #12 — bossse, 2004-03-21T10:40Z

Helt rätt Peeer !

Plockade bara ihop detta som ett förslag, då ingen hittills funnit någon annan lösning på problemet.

Jag skrev i mitt förra inlägg bl.a följande
Kanske detta kan ge dig några ideér. 
Har gjort nerde arean grå bara för tydligheten.
(riktat till Calson)

Om inget annat funkar, så kanske man får prova andra lösningar, vilket jag gjort.

Permalänk: https://www.webforum.nu/p/1304557

## #13 — calson, 2004-03-21T15:49Z

Tack båda för er vänlighet

Permalänk: https://www.webforum.nu/p/1304670

## #14 — LeonL, 2004-03-21T16:25Z

Kan man lösa detta med en span-tag, tro? Om det är HTML-kod så syns väl inte koden i textarea-rutan?

```
<textarea cols="30" rows="8" style="color: #ff0000;">Röd text
<span style="color: #000000;">Svart text</span></textarea>
```

Jag tvekar dock starkt på att detta skulle funka, men testa vetja. ;)

Permalänk: https://www.webforum.nu/p/1304687

## #15 — PepeJeria, 2004-03-21T16:33Z

Nej, för en textarea visar bara innehållet, den tolkar/parsar inte html:en.

Permalänk: https://www.webforum.nu/p/1304693

## #16 — LeonL, 2004-03-21T16:36Z

> **PepeJeria skrev:**
>
> Nej, för en textarea visar bara innehållet, den tolkar/parsar inte html:en.

Konstigt. Jag får alltid köra en sträng, som ska in i en textarea, genom ASP-metoden HTMLEncode() för att sidan inte ska bli helt knasig. (Fast det gäller kanske bara filer ;))

Permalänk: https://www.webforum.nu/p/1304696

---

Tråden på webben: https://www.webforum.nu/amne/html-css/99686-ändra-textstil-i-en-textbox
