Jump to content
FabianoSouza

Atributo correto para destacar elementos

Recommended Posts

Quero fazer um CSS para destacar certos elementos no HTML,  que tenham  definido certo atributo.

Como no Facebook, por exemplo. Tem os botões Cinza e os botões Azuis, certo?

 

Sei que posso fazer de várias maneiras, criando um CSS com base em qualquer atributo.

Exemplo

	  button[type="button"][aria-valuetext="bt-form-destacado"]{
	  background-color:#DDE3F0; border-color:#4466A4;
	  color:#036; 
	}

O que quero saber é se há um atributo correto para essa finalidade. Um "aria-alguma_coisa" ou "data-alguma_coisa"

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By biakelly
      Meninos,
       
       Preciso de uma ajudinha, algum de vocês sabe como converto esse trecho para botão?
       
      <form class="form-inline" method="POST"> <label class="mr-sm-2" for="inlineFormCustomSelectPref"><?php echo $lang["cambiar_idioma"]; ?></label> <select class="custom-select mb-2 mr-sm-2 mb-sm-0" name="lang"> <option selected><?php echo $lang["opcion_1"]; ?></option> <option value="es"><?php echo $lang["opcion_2"]; ?></option> <option value="en"><?php echo $lang["opcion_3"]; ?></option> <option value="br"><?php echo $lang["opcion_4"]; ?></option> </select> <button type="submit" class="btn btn-primary"><?php echo $lang["cambiar"]; ?></button> </form>  
      Ao invés de selecionar o idioma e depois clicar no botão para alterar, eu queria apenas clicar em uma imagem ou botão e ter a mesma ação do select e depois botão. É possível?
       
    • By Flameisnot
      Então, estou com uma dúvida, eu coloquei um a HREF=“#” dentro de um button para redirecionar para outra página .html, porém ele só redireciona se clickar no texto do a, se eu clickar no corpo do button ele não redireciona, e se eu colocar o a por fora da tag do button, ele simplesmente não funciona, já vi um método através do js usando o window.locate porém ele só redireciona para um url já hospedado na internet, não consigo colocar ele para puxar um .html off, alguém poderia me ajudar?
    • By 4Unknow
      Bom dia meus Nobres amigos.
      Seguinte, não sou especialista em HTML, CSS, nem nada.
      Por isso venho humidelmente pedir uma ajudinha. Gostaria de colocar um botão nessa área marcada na imagem abaixo.

      Estou editando essa página abaixo:



      Já tentei de tudo, mexer por tudo, mas o botão não fica certo de jeito maneira.
      Gostaria de uma ajudinha, o botão ou ele fica em cima do texto ou não aparece de jeito algum.

      Vou deixar um link desse site que estou utilizando, se tiver uma alma bondosa e comtempo ai para me ajudar, eu serei eternamente grato.

      LINK: https://www.mediafire.com/file/fe669isyguey0ez/Intro_Viva.rar/file
    • By jaquelss
      Os erros estão na imagem anexada. Não sei exatamente o que colocar quanto o conteúdo no menu, mas quanto ao botão segue abaixo:
       
      <div class="col-md-2 col-sm-6 col-6">
      <button class="button button-rounded btn-block nomargin"
      style="margin-top: 29px !important;"><a href="http://localhost/xavier/#/imovel"></style>Encontrar</a></button>
      </div>
       
      Tenho certeza que é uma bobagem minha, mas perdi a tarde tentando resolver.
      Ainda sou estudante, não tenho conhecimento total quanto a isso (apesar de que acho que ninguém tem né kk).
      Enfim,
      Agradeço desde já.

    • By Remilton Silva
      <script> $(document).ready(function() { $("button").click(function(){ if ($(this).val() == '' ) { $("button").disabled=true; }else { $("button").disabled=false; } }); }); </script> Olá prezados,
       
      Estou pesquisando mas ainda não achei algo que me ajude com o cod.
      se alguém puder ajudar, será de grande valia.
       
      preciso que o button só seja ativado quando todos os inputs forem preenchidos, como faço isso em JavaScript?
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="corpo-form"> <h2>Cadastrar</h2> <input type="text" class="form-control" name="nome" placeholder="Nome Completo" maxlength="30"><br><br> <select class="form-control" name="gerencia"> <option value="Selecione uma Opção" selected>Selecione uma Opção.</option> <option value="GECOR">Vendas</option> <option value="GECON">Almoxarifado</option> <option value="GECIN">RH</option> <option value="DIRETORIA">DIRETORIA</option> </select><br><br> <input type="text" class="form-control" name="telefone" placeholder="Telefone"maxlength="30"><br><br> <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="40"><br><br> <input type="password" class="form-control" name="senha" placeholder="Senha" maxlength="15"><br><br> <input type="password" class="form-control" name="confsenha" placeholder="Confirmar Senha" maxlength="15"><br><br> <input type="button" class="btn btn-danger btn-outline-light btn-block" value="Entrar" maxlength="" required="required"> <br> </div> </body> </html>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.