Como definir o ícone de estilo botão de rádio para nada em CSS (em Flex 3)?
-
10-07-2019 - |
Pergunta
Você pode pele um RadioButton no Flex, definindo os seguintes valores em CSS:
upSkin: Embed(...);
overSkin: Embed(...);
ownSkin: Embed(...);
disabledSkin: Embed(...);
selectedUpSkin: Embed(...);
selectedOverSkin: Embed(...);
selectedDownSkin: Embed(...);
selectedDisabledSkin: Embed(...);
Mas, ainda vai exibir o ícone pequeno círculo dentro de sua pele. Você pode alterar o ícone, definindo os seguintes estilos:
upIcon: Embed(...);
overIcon: Embed(...);
etc...
A minha pergunta é, como posso definir esses ícones para nada? Ao invés de uma imagem transparente de 1x1 pixel ou algo assim? Como posso dar-lhe um estilo vazio?
Editar:
No ActionScript posso fazê-lo como:
button.setStyle("icon", null);
Em CSS eu tentei:
icon: none;
icon: null;
Mas nem trabalhou.
aceitado Resposta:
Sugestões um & dois tanto trabalhou, mas eu prefiro a solução mais limpa de:
upIcon: ClassReference(null);
Obrigado por ambas as respostas (desejo que eu poderia marcar tanto como a resposta!)
Solução
Tente isto:
ClassReference(null);
Outras dicas
Eu não acho que é possível para definir a pele como null
no Flex CSS. Na verdade, alguns componentes Flex deve tem conjunto algo para a pele, e eles vão jogar erros de execução, se você usar setStyle("skinName", null)
. Eu costumo usar uma declaração como esta, quando eu quero nenhuma pele:
RadioButton
{
upIcon: ClassReference("mx.skins.ProgrammaticSkin");
}
O ProgrammaticSkin
classe exibe nada e implementos IFlexDisplayObject
(que muitas vezes é um requisito para as peles em Flex), então eu acho que é a melhor escolha para quando você quer uma pele em branco.
Se o seu CSS padrão, você pode usar o seguinte. Estou assumindo que os estilos são classes, se eles estão IDs substituir o. com um #:
.upSkin
{
background: none;
}
A propriedade background
pode ser usado para cor conjunto, posicionamento e repetição; se você precisa de visar especificamente apenas o uso da imagem de fundo:
.upSkin
{
background-image: none;
}