[ https://issues.apache.org/jira/browse/FLEX-35171?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15688044#comment-15688044 ]
Carlos Rovira commented on FLEX-35171: -------------------------------------- Hi Alex, this is from example in this page: https://getmdl.io/components/index.html#cards-section in the example from the web: .demo-card-wide > .mdl-card__title { color: #fff; height: 176px; background: url('../assets/demos/welcome_card.jpg') center / cover; } <div class="mdl-card__title"> <h2 class="mdl-card__title-text">Welcome</h2> </div> mdl-card__title is a basic MDL selector for title, and in the example the black color is overwrited by the custom color white. So if I try to write css like in the example FlexJS return this: .demo-card-wide .mdl-card__title>CHILD { color : #fff ; background : url('assets/welcome_card.jpg') center / cover ; height : 176px ; } I think that output states clearly a bug, although maybe the original explanation was not the real problem > CSS color RGB not set in component > ---------------------------------- > > Key: FLEX-35171 > URL: https://issues.apache.org/jira/browse/FLEX-35171 > Project: Apache Flex > Issue Type: Bug > Components: FlexJS > Affects Versions: Apache FlexJS 0.8.0 > Environment: Mac OS X Sierra > Reporter: Carlos Rovira > Assignee: Alex Harui > > I want to set a color:#fff > If I put in a css class external selector, this is not applied (but rest of > rules works ok). > If I put in inline style, this is working ok. > If you want to see the code is in MDLExample, App.mxml line 117: > <mdl:CardTitle className="cardTitle" style="color: #fff;">. <-- I need to > set the color here to get text inside this component white, if not it gets > black > The css style is mdl-styles.css > .cardTitle > { > color: #fff; <--- this rule is not working > height: 176px; > } -- This message was sent by Atlassian JIRA (v6.3.4#6332)