css - personalizar - radio button con imagenes html

¿Cómo configurar el estilo de icono de RadioButton en nada en CSS(en Flex 3)?

Question

Puede aplicar un RadioButton en Flex configurando los siguientes valores en CSS:

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

Sin embargo, seguirá mostrando el ícono del pequeño círculo dentro de su piel. Puede cambiar el icono configurando los siguientes estilos:

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

Mi pregunta es, ¿cómo puedo configurar estos íconos para nada? ¿En lugar de una imagen transparente de 1x1 píxeles o algo así? ¿Cómo puedo darle un estilo vacío?

Editar:

En ActionScript puedo hacerlo como:

button.setStyle("icon", null);

En CSS lo he intentado:

icon: none;
icon: null;

Pero ninguno funcionó.

Respuesta aceptada:

Las sugerencias uno y dos funcionaron, pero prefiero la solución más limpia de:

upIcon: ClassReference(null);

Gracias por ambas respuestas (¡ojalá pudiera marcar ambas como la respuesta!)

Answer 1

No creo que sea posible establecer el aspecto como null en Flex CSS. De hecho, algunos componentes de Flex deben tener algo establecido para el skin, y arrojarán errores de tiempo de ejecución si usa setStyle("skinName", null) . Usualmente uso una declaración como esta cuando no quiero piel:

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

La clase ProgrammaticSkin no muestra nada e implementa IFlexDisplayObject (que a menudo es un requisito para máscaras en Flex), por lo que creo que es la mejor opción para cuando quiere un skin en blanco.

Answer 2

Si su CSS estándar, puede usar lo siguiente. Supongo que los estilos son clases, si son identificadores, reemplaza el. con un #:

.upSkin
{
background: none;
}

La propiedad de background se puede usar para establecer el color, el posicionamiento y la repetición; si necesita orientar específicamente solo a la imagen de fondo, use:

.upSkin
{
background-image: none;
}

Answer 3

Prueba esto:

ClassReference(null);