CSSでラジオボタンアイコンのスタイルを何も設定しない方法(Flex 3)
-
10-07-2019 - |
質問
CSSで次の値を設定することにより、FlexでRadioButtonのスキンを設定できます。
upSkin: Embed(...);
overSkin: Embed(...);
ownSkin: Embed(...);
disabledSkin: Embed(...);
selectedUpSkin: Embed(...);
selectedOverSkin: Embed(...);
selectedDownSkin: Embed(...);
selectedDisabledSkin: Embed(...);
ただし、スキン内には小さな丸いアイコンが表示されます。次のスタイルを設定して、アイコンを変更できます。
upIcon: Embed(...);
overIcon: Embed(...);
etc...
私の質問は、これらのアイコンを無に設定するにはどうすればよいですか? 1x1ピクセルの透明な画像などではありませんか?空のスタイルにするにはどうすればよいですか
編集:
actionscriptでは、次のようにできます。
button.setStyle("icon", null);
CSSで試しました:
icon: none;
icon: null;
しかし、どちらも機能しませんでした。
受け入れられる回答:
提案 1つ& two 両方とも機能しましたが、次のクリーンなソリューションを好みます:
upIcon: ClassReference(null);
両方の回答に感謝します(両方を回答としてマークできたらいいのですが!)
解決
これを試してください:
ClassReference(null);
他のヒント
Flex CSSでスキンを null
に設定することは不可能だと思います。実際、一部のFlexコンポーネントは スキンに設定する必要があり、 setStyle(" skinName&quot ;, null)
を使用するとランタイムエラーがスローされます。通常、スキンが必要ない場合は次のような宣言を使用します。
RadioButton
{
upIcon: ClassReference("mx.skins.ProgrammaticSkin");
}
ProgrammaticSkin
クラスは何も表示せず、 IFlexDisplayObject
(多くの場合Flexのスキンの要件です)を実装するため、空白が必要な場合に最適な選択肢だと思いますスキン。
標準CSSの場合、次を使用できます。スタイルがクラスであると仮定していますが、それらがIDの場合はを置き換えます。 #:
.upSkin
{
background: none;
}
background
プロパティを使用して、色、配置、繰り返しを設定できます。背景画像のみをターゲットにする必要がある場合:
.upSkin
{
background-image: none;
}