Изменить цвет подсветки для выделенного текста элемента управления TextInput

Question

У меня есть элемент управления Flex3 TextInput с белым текстом на черном фоне.Я хотел бы изменить стиль выделенного текста в элементе управления, чтобы использовать черный текст на белом фоне (или что-то подобное).Я хотел бы сделать это, используя стили Flex, однако я приду с пустыми руками.Есть идеи?

Answer 1

Я тоже преследовал это некоторое время назад и зашел в тупик. Я обнаружил, что это ограничение жестко закодировано во Flash плеере. Я бы с удовольствием, если бы кто-то мог доказать, что я не прав, но я уверен, что это так. Как заметил другой автор, это больше не проблема с новыми компонентами Spark.

Answer 2

textinput.setStyle(“unfocusedTextSelectionColor”,”#00FF00″);
textinput.setStyle(“focusedTextSelectionColor”,”#00FF00″);
textinput.setStyle(“inactiveTextSelectionColor”,”#00FF00″);

Возможно, вам потребуется поместить код в собственный метод styleInitialized ():

override public function stylesInitialized():void
{
    super.stylesInitialized();

    textinput.setStyle(“unfocusedTextSelectionColor”,”#00FF00″);
    textinput.setStyle(“focusedTextSelectionColor”,”#00FF00″);
    textinput.setStyle(“inactiveTextSelectionColor”,”#00FF00″);
};

Подробнее о настройке стилей см. http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/supportClasses/SkinnableTextBase.html#style:focusColor

Rob

Answer 3

С Flex 3 просто измените свой стиль, чтобы получить желаемый эффект.

MXML:

<mx:TextInput
        styleName="{(whatever.isSomething() || whatever.isSomethingElse()) ? 'TextInputBlackOnWhite' : 'TextInputWhiteOnBlack'}"
        text="{whatever.value}"/>

Стили:

.TextInputBlackOnWhite
{
    borderSkin: Embed(source="assets/images/TextInput_BlackOnWhite.png", scaleGridLeft="2",scaleGridTop="2",scaleGridRight="19",scaleGridBottom="19");
    color: #000000;
}

.TextInputWhiteOnBlack
{
    borderSkin: Embed(source="assets/images/TextInput_WhiteOnBlack.png", scaleGridLeft="2",scaleGridTop="2",scaleGridRight="19",scaleGridBottom="19");
    color: #FFFFFF;
}