Apache flex flex mobile:textInput组件上ipado上裁剪的删除图标

Apache flex flex mobile:textInput组件上ipado上裁剪的删除图标,apache-flex,flex4.5,flex-mobile,Apache Flex,Flex4.5,Flex Mobile,这是我的文本输入CSS s|TextInput{ skinClass: ClassReference("spark.skins.mobile.TextInputSkin"); contentBackgroundColor:#FFFFFF; focusAlpha:0; showPromptWhenFocused:false; } 我使用简单的: <s:TextInput id="id1" /> <s:TextInput id="i

这是我的文本输入CSS

s|TextInput{
    skinClass: ClassReference("spark.skins.mobile.TextInputSkin");
    contentBackgroundColor:#FFFFFF;
    focusAlpha:0;
    showPromptWhenFocused:false;
}
我使用简单的:

    <s:TextInput id="id1" />
    <s:TextInput id="id1" height="40" />
    <s:TextInput id="id1" height="60 />


图标是一个设定的高度,至少在Flex中,不会调整其大小。裁剪是从文本字段的高度开始的(读取:不是文本输入组件,而是文本进入的实际字段)。由于该字段没有图标高,因此图标会被裁剪

有两种解决方案:

  • 最明显的是增加文本输入字段的高度,直到图标不再被裁剪。如果你想的话,你可以直接截图并测量被裁剪的像素
  • 您得到该图标是因为TextInput使用StageText。StageText使用本机文本呈现,而不是Flash文本呈现。在理想情况下,StageText是完美的。然而,情况很少是理想的。要解决此问题,只需将mobile TextInput skin
    skinClass=“spark.skins.mobile.TextInputSkin”
    应用于TextInput组件。因此,这会将TextInput恢复到引入StageText的Flex 4.6之前的行为

  • 这些解决方案中的任何一个都应该适合您。你只需要选择最好的。我更喜欢选项#2,因为正如我所提到的,StageText还存在其他问题(比如让displayAsPassword正常工作),切换到该皮肤会修复

    我会尝试编辑皮肤,因为根据他在问题中发布的代码,图标裁剪就是在那里发生的;他正在使用spark.skins.mobile.TextInputSkin类;通过CSS.@www.Flextras.com设置…你说得对。我是盲人。我只检查了部件本身。向提问者致歉。我仍然会尝试我的第一个解决方案,即使我的第二个解决方案已经被使用(如果你仍然得到图标,显然不是完全正确的),我尝试了不同的高度,但仍然有相同的问题!尝试增大字体大小。实际输入字段的高度可能取决于文本高度,而不是组件高度。