如何从 TextInput 中删除阴影？

Posted 2023-04-18

【中文标题】如何从 TextInput 中删除阴影？

【英文标题】：How can I remove drop shadow from TextInput?

【发布时间】：2010-10-11 03:21:29

【问题描述】：

我的 Flex 应用程序中有一个样式表，引用为：

<mx:Style source="/assets/stylesheets/default.css" />

在这个样式表中，我将 dropShadowEnabled 设置为 true gloablly：

global 
    fontSize: 11pt;
    dropShadowEnabled: true;
    verticalAlign: "middle";

这为许多组件提供了阴影，包括所有 TextInputs。

但是，我有一个显示可编辑组合框的标题窗口组件，我不希望该文本输入有投影。但是我不能让它消失。我尝试了以下方法：

创建一个 CSS 类选择器...

<mx:ComboBox editable="true" dataProvider="nameOptions" textInputStyleName="noDropShadow" />

...在默认 CSS 中：

.noDropShadow 
    dropShadowEnabled: false;

...在标题窗口中：

<mx:Style>
    .noDropShadow 
        dropShadowEnabled: false;
    
</mx:Style>

...还有：

<mx:Style>
    TextInput.noDropShadow 
        dropShadowEnabled: false;
    
</mx:Style>

这些都没有移除投影。我在这里错过了什么？

【参考方案1】：

一种解决方案是删除“dropShadowEnabled: true;”从全局样式中提取，并将其仅放在您特别想要阴影的项目上。

【讨论】：

是的，我想到了这个。不幸的是，这可能是我最好的选择。

【参考方案2】：

给你的组合框一个 id 属性，然后：

combo_box_id.setStyle("dropShadowEnabled", false);

在您的 <mx:Script/> 块中。