Since the 'styleSheet' property returns a standard TextField instance it struck us as weird that setting its 'styleSheet' property didn't work. The TextArea class was trying to set textFormat which fails after setting the stylesheet of the textfield.

Error message:

This pointed us to the 'drawTextFormat()' function in the TextArea class. After taking a look we figured out what to do.

The problem turned out to be that every time you add text to your textarea the class tries to add a designated, or default flash-textFormat to the textfield. Adding Flash TextFormat objects to textfields conflicts with stylesheets. Our solutions was relatively simple: a small class extends of the textArea class.

Click continue for the fixing source

    import fl.controls.TextArea;
 
    /**
    * @makes it possible to do textArea.textField.styleSheet
    * @author Tim de Jong - Dooping VOF 2008 - tim -AT- dooping.nl
    * @version 001
    */
 
    public class doopingTextArea extends TextArea
    {
        public function doopingTextArea()
        {
            super();
        }
 
        override protected function drawTextFormat():void {
            if(!this.textField.styleSheet) super.drawTextFormat();
            else {
                setEmbedFont();
                if(_html) textField.htmlText = _savedHTML;
            }
        }
 
    }

Then load the stylesheet by passing it to the textField object inside the textArea.

var myTextArea = new doopingTextArea();
myTextArea.textField.styleSheet = styleSheetObject;

As you can see we simply check if a styleSheet exists and than decide whether or not to do the original text formatting or not. Now we're able to use CSS on TextArea's and keep styling and code neatly separated.

Solution:
myTextArea.setStyle("upSkin",Sprite);

Description:
Using a TextArea in actionscript 3 could come in handy as the Flash component adds in a ScrollBar by default. But it also provides some things you might not want there..

One of those things is the border, that is placed there by default.

Inspired by the solution posted here I found that you can override the skin that is used by default in the component ("upSkin") by using:

myTextArea.setStyle("upSkin",Sprite);

by overriding it with a Sprite, which is empty by default, all the visual aspects are cleared... including the border!

To use this plugin you have to download the flash debugger player.
As you cannot use the provided flashplayer installer in the package, as it collides with the 64-bits architecture, you have to use ndiswrapper to do the job.

After unpacking the archive, find where the libflashplayer.so file is located (probably flash_player_9_linux_dev/plugin/debugger).
Then open-up a terminal and type:

• nsplugginwrapper -i /full/path/to/libflashplayer.so

(in my case: /home/myname/flash_player_9_linux_dev/plugin/debugger/libflashplayer.so)

After that, hit Alt + A (default shortcut for the flash tracer) or go to Tools -> Flash Tracer to start tracing away!

• OS: Ubuntu 8.04 (Hardy Heron ) 64-bit
• Using: Firefox 3 beta 5, Flash debug player 9.0.124 (also works for 9.0.115)