[ 
https://issues.apache.org/jira/browse/FLEX-35189?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
 ]

Yishay Weiss closed FLEX-35189.
-------------------------------
    Resolution: Duplicate

Duplicate of 35188

> [FlexJS] 'border-style' overrides 'border' regardless of specificity level 
> (flash)
> ----------------------------------------------------------------------------------
>
>                 Key: FLEX-35189
>                 URL: https://issues.apache.org/jira/browse/FLEX-35189
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: FlexJS
>    Affects Versions: Apache FlexJS 0.8.0
>            Reporter: Yishay Weiss
>
> In classic CSS a specific selector overrides a general one, but this doesn't 
> work for many components on the flash side with border.
> To reporoduce an example of the problem, go to defaults.css in the html 
> package and make the following change: 
> from
> /* Global style declaration */
> *
> {
>       font-family: "Arial";
>       font-size: 12px;
>       border-width: 1px;
> }
> to
> /* Global style declaration */
> *
> {
>       font-family: "Arial";
>       font-size: 12px;
>       border-width: 1px;
>         border-style: none;
> }
> The effect will be that borders for buttons are no longer visible. This is a 
> bug because button's css is:
> Button
> {
>       background-color: #f8f8f8;
>       border: 1px solid #808080;
>       border-radius: 2px;
>       padding: 4px;
>       margin: 0px;
> }
> On the JS side it works.



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

Reply via email to