Início / coding / Perguntas / 79334431
Accepted
user3735204
Asked: 2025-01-07 05:50:06 +0800 CST

Alterar o estado de ativação padrão de um botão usando CSS

  • 772

Isto é para trabalhar com um webapp onde eu posso fornecer opções de StyleSheet para alterar a UI. Funciona bem para coisas como esconder algum texto que eu não quero, mas agora eu tenho um problema onde há botões que têm um estado ativo padrão, e eu gostaria que o padrão fosse desativado. Especificamente, esses botões controlam visualizações recolhidas/expandidas em uma lista de itens.

É possível que isso não seja algo que o CSS possa fazer, o que é uma resposta perfeitamente boa. Note que não posso alterar o documento subjacente além de fornecer um elemento Style em um perfil.

Este exemplo - a primeira linha me permitiria mudar o ESTILO de um botão habilitado, mas eu não quero fazer isso, eu quero definir o padrão de todos os botões como habilitado. A segunda linha é um pedaço de código que eu encontrei que me permite esconder uma parte específica de um item, e prova que esse tipo de CSS está funcionando.

   <Style>
    .htx-ranker-column button:enabled {} # this doesnt work!
    .htx-ranker-item p:nth-of-type(2) { 
        display: none;
    }
  </Style>
css

1 respostas

  1. Best Answer

    O CSS não pode alterar funcionalmente o estado de um elemento, como um botão, apenas.

    :enabledou :disabledseletores se aplicam a elementos que já estão nesses estados.

    você provavelmente pode ajustar a aparência de um botão para parecer habilitado ou desabilitado através de:

    /* disabled */
.htx-ranker-column button {
  pointer-events: none;
  opacity: 0.5;
}

/* enabled */
.htx-ranker-column button:enabled {
  pointer-events: auto;
  opacity: 1;
}

    caso contrário, para a funcionalidade real de alterar estados, você precisaria de algo como javascript

    • 2

relate perguntas