Cómo se elimina el borde de un Componente TextArea de Flex 4 (halo con tema de chispa)

Question

Con el SDK de Flex 3, simplemente se necesita establecer el estilo de Grosor de borde en 0, o establecer borderStyle en ninguno. Con Flex 4 SDK y el tema Spark, esto no tiene ningún efecto.

Answer 1

Usted tiene que fijar el borderSkin a null

<mx:TextArea borderSkin={null} /> 

Answer 2

no he incursionado en Flash Builder 4 todavía, pero sé que en Flex 3 puede modificar cosas como esta (cuando no es posible otra manera):

var tb:TextInput = new TextInput(); 
tb.getChildAt(0).setStyle(...); 

posible que desee dar a este un intento , solo necesita encontrar el elemento secundario correcto por lo general.

EDITAR: Here's your answer

Answer 3

Pruebe algo como:

borderVisible="false" 

Answer 4

Jeol su respuesta funciona para componentes MX, para la flexión 4 chispa textarea componente que establece borderVisible = "false" y en el código lblMessage.setStyle ("contentBackgroundAlpha", 0);

Además, si su hacer esto, es probable que quieren que el truco para hacer la maldita cosa de tamaño automático a su contenido ... establecer heightInLines = "{} NaN"

<s:TextArea borderVisible="false" focusEnabled="false" width="100%" id="lblMessage" heightInLines="{NaN}" editable="false" selectable="true" lineBreak="toFit" verticalScrollPolicy="off" horizontalScrollPolicy="off" /> 

protected function OnCreationComplete(objEvent:Event):void{ 
    lblMessage.setStyle("contentBackgroundAlpha", 0); 
} 

... y gracias por RobotLegs , es increíble!

Answer 5

también he probado el código anterior, pero que no funciona para mí Flex SDK 4.5 héroe, así que lo que hice seleccionado el área de texto y creó un nuevo aspecto personalizado y cambiar el alfa frontera a 0.

<!-- border/fill --> 
    <s:Rect left="0" right="0" top="0" bottom="0"> 
     <s:stroke> 
      <s:SolidColorStroke color="#5C5C5C" weight="1" alpha="0"/>    
     </s:stroke> 
     <s:fill> 
      <s:SolidColor color="#FFFFFF"/> 
     </s:fill> 
    </s:Rect> 

simple y dulce

Answer 6

Si desea quitar el borde de chispa TextArea está aquí están algunas maneras de hacerlo: para hacer que todos TextAreas chispa tienen ninguna frontera se puede hacer esto:

s|TextArea { 
    borderVisible : false; 
} 

También puede hacer un estilo sencillo y sólo aplicarlos a TextAreas chispa específicas de este modo:

.noBorder { 
    borderVisible : false; 
} 
... 
<s:TextArea styleName="noBorder"/> 

Usted puede apagarlo a través de la creación de completar de este modo:

<s:Application ... 
    creationComplete="onCreationComplete()"/> 
... 
private function onCreationComplete() : void { 
    mySparkTextArea.setStyle('borderVisible', false); 
} 
... 
<s:TextArea id="mySparkTextArea"/> 
</s:Application> 

Por último, puede hacer un skin, según la sugerencia de DrMaxmAd, así:

... 
<!-- border/fill --> 
<s:Rect left="0" right="0" top="0" bottom="0"> 
    <s:stroke> 
     <s:SolidColorStroke color="#5C5C5C" weight="1" alpha="0"/>    
    </s:stroke> 
    <s:fill> 
     <s:SolidColor color="#FFFFFF"/> 
    </s:fill> 
</s:Rect> 
... 

Answer 7

En Flex 3: El borde del componente TextArea puede ser controlado por nosotros ing estos dos atributos/propiedades:

• borderSkin = "{} nula"
• focusAlpha = "0"

Enfoque alfa asegura que no obtiene la frontera aparecer incluso cuando el TextArea está seleccionado.