Comment définir le style d'icône du bouton radio sur rien dans CSS (dans Flex 3)?

Question

Vous pouvez habiller un bouton RadioButton dans Flex en définissant les valeurs suivantes en CSS:

upSkin: Embed(...); 
overSkin: Embed(...);
ownSkin: Embed(...);
disabledSkin: Embed(...);
selectedUpSkin: Embed(...);
selectedOverSkin: Embed(...);
selectedDownSkin: Embed(...);
selectedDisabledSkin: Embed(...);

Mais, la petite icône de cercle apparaîtra dans votre peau. Vous pouvez modifier l’icône en définissant les styles suivants:

upIcon: Embed(...);
overIcon: Embed(...);
etc...

Ma question est la suivante: comment puis-je définir ces icônes sur rien? Plutôt qu'une image transparente de 1x1 pixel ou quelque chose? Comment puis-je lui donner un style vide?

Modifier:

En actionscript, je peux le faire comme:

button.setStyle("icon", null);

En CSS, j'ai essayé:

icon: none;
icon: null;

Mais ni travaillé.

Réponse acceptée:

Suggestions un & amp; deux les deux ont fonctionné, mais je préfère la solution plus propre de:

upIcon: ClassReference(null);

Merci pour les deux réponses (j'aimerais pouvoir les marquer comme la réponse!)

Answer 1

Essayez ceci:

ClassReference(null);

Answer 2

Je ne pense pas qu'il soit possible de définir l'enveloppe comme null dans Flex CSS. En fait, certains composants Flex doivent avoir un élément défini pour l'enveloppe. Ils génèreront des erreurs d'exécution si vous utilisez setStyle ("quotName", null) . J'utilise généralement une déclaration comme celle-ci quand je ne veux pas de skin:

RadioButton
{
    upIcon: ClassReference("mx.skins.ProgrammaticSkin");
}

La classe ProgrammaticSkin n'affiche rien et implémente IFlexDisplayObject (ce qui est souvent une exigence pour les apparences dans Flex). Je pense donc que c'est le meilleur choix pour les vides. peau.

Answer 3

Si c'est le CSS standard, vous pouvez utiliser ce qui suit. Je suppose que les styles sont des classes, si ce sont les ID qui remplacent le. avec un #:

.upSkin
{
    background: none;
}

La propriété background peut être utilisée pour définir la couleur, le positionnement et la répétition. si vous devez cibler spécifiquement l'image d'arrière-plan, utilisez:

.upSkin
{
    background-image: none;
}