CODEWITHSUNDEEP
cssactionscript-3apache-flexmobileflex4
AlBirdie
AlBirdie

Reputation: 2071

CSS properties for StyleableTextField htmlText

I've got a StyleableTextField that displays very basic HTML. To format the HTML I currently use a Stylesheet declared in AS3. This works fine, but is rather inefficient for the designers to edit colors and stuff, so I need to include these tags in my main CSS.

The AS3 CSS declaration looks like this;

_styleSheet = new StyleSheet();
_styleSheet.setStyle("p", {fontSize:'15',color:'#FFFFFF', fontFamily: 'Courier New', fontWeight:'bold'});

This gets assigned to the StyleableTextField using the usual styleSheet = _styleSheet way.

The main CSS file is declared in my main application like this: <fx:Style source="Main.css"/>.

I already have CSS tags for spark components in my CSS, such like the following;

s|TextInput
{
   contentBackgroundAlpha: .5;
   contentBackgroundColor: #202020;
   focusColor: #e1333a;
}

However, I need to address the very instance of StyleableTextfield in the CSS (I've got other's in my app, but only this one displays HTML text).

Has anyone got an idea how to do this? Working on a mobile project btw.

Upvotes: 0

Views: 844

Answers (1)

Sam DeHaan
Sam DeHaan

Reputation: 10325

Flex supports a CSS id selector. 

#instanceID
{
    ...
}

or

ObjectType#instanceID
{
    ...
}

I haven't been able to test this thoroughly, but it appeared to work for me:

#_objectName
{
    p: pstyle;
}

.pstyle
{
    fontSize: 15;
    ...
}

Upvotes: 1

Related Questions