Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This may help:</p> <p>Flex supports external CSS style sheets. To apply a style sheet to the current document and its child documents, use the source property of the tag. External style sheet files should be in the folder that contains your MXML source files. By default, this is the src folder in your MXML project.</p> <p>Note: You should try to limit the number of style sheets used in an application, and set the style sheet only at the top-level document in the application (the document that contains the tag). If you set a style sheet in a child document, unexpected results can occur.</p> <p>The following example defines two CSS class selectors in an external CSS file called external.css. You use an external CSS file in a Flex application by specifying its path and file name in the source property of the tag. Example: External CSS file</p> <pre><code>/* An external CSS file */ .solidBorder { borderStyle: "solid"; } .solidBorderPaddedVertically { borderStyle: "solid"; paddingTop: 12px; paddingBottom: 12px; } </code></pre> <p>MXML file</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="150" height="140" viewSourceURL="src/StylesExternal/index.html" &gt; &lt;mx:Style source="styles/external.css" /&gt; &lt;mx:VBox styleName="solidBorder"&gt; &lt;mx:Button label="Submit"/&gt; &lt;/mx:VBox&gt; &lt;mx:VBox styleName="solidBorderPaddedVertically"&gt; &lt;mx:Button label="Submit"/&gt; &lt;/mx:VBox&gt; &lt;/mx:Application&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload