Flex警告:组件中不支持 CSS 类型选择器:“spark.components.*”

     当在视图View的mxml文件中经过<fx:style>标签为组件定义CSS样式时,出现了组件中不支持 CSS 类型选择器:“spark.components.*”,也许你会说这不过是一个警告罢了,不用理它,可是结果每每不尽如人意,不处理这个警告,组件就没有办法显示咱们本身定义的CSS样式,因此仍是把它解决掉比较好.. c#

     这个警告说了不能在组件中支持CSS类型选择器,想想咱们错在了哪里?其实很简单,咱们就是在组件View中定义了和View评级的类型的CSS样式,即和View同样在包spark.components.*下的组件的样式,这是CSS所不容许的。要解决这个限制其实也很简单,只要在<fx:style>标签中自定义样式,并本身取一个名称,而后在组件中经过styleName属性设置这个样式便可。须要注意的是样式的自定义名称前要有符号“.”,但在styleName属性中引用这个样式时则不须要这个“.”符号,示例以下: ide

//ToggleSwitch为设置自定义样式myTSSyle
<s:ToggleSwitch id="ts" slideDuration="1" styleName="myTSStyle"/>

//样式myTSStyle的定义
<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";
    //若是命名为s|ToggleSwitch则会报如上错误。 .myTSStyle
    {
        accentColor: #000000;
	color: #FF0011;
	fontSize: 27;
	skinClass:ClassReference("spark.skins.mobile.ToggleSwitchSkin");
	slideDuration: 125;
	textShadowAlpha: .65;
	textShadowColor: #000000;
    }
</fx:Style>
相关文章
相关标签/搜索