[ 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)