2

tem como fazer um background-image css clicável?

Segue o código que tenho:

position: relative;
width:140px;
font-family: Arial, Verdana; 
font-size: 15px; 
padding: 5px; 
background-image:url(../../img/buscar-icon.png);
background-repeat:no-repeat;
background-position:right;
3
  • Com javascript é possível, 10/12/2015 às 15:23
  • de que forma??? 10/12/2015 às 15:24
  • 1
    Clicável como? O que é para acontecer no clique? Qualquer elemento é clicável, mas a imagem de background em si não é.
    – bfavaretto
    10/12/2015 às 15:40

1 Resposta 1

3

Talvez você esteja falando de adicionar isso ao css:

cursor:pointer

Se precisar acrescentar uma ação apenas quando o click é executado, então utilize :active

.element:active{}

Exemplo:

.clicavel{
   height: 150px;
   width: 150px;
   background-color: lime;
   cursor: pointer;
   transition: background-color 400ms ease;
   justify-content: center;
   align-items: center;
   display: flex;
   text-align: center;
}

.clicavel:active{
     background-color: steelblue;
}
<div class="clicavel">
   Clique e segure
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .