2015-10-23 8 views
8

Esiste un modo semplice (non logico?) Per rendere un pulsante Bootstrap simile a quello non selezionabile (e non intendo un pulsante disattivato). Fondamentalmente un <div class="btn btn-default">Something</div> che non si comporta come un collegamento.Oggetto non selezionabile simile al pulsante in Bootstrap 3

Grazie in anticipo

+2

Quello che hai messo nella tua domanda è esattamente quello che vuoi .. basta applicare il pulsante styling per un div normale , cioè. non un tag ''. – Lee

risposta

9

Ho fatto questo prima di utilizzare una nuova classe btn-static:

.btn-static { 
    background-color: white; 
    border: 1px solid lightgrey; 
    cursor: default; 
} 
.btn-static:active { 
    -moz-box-shadow: inset 0 0 0px white; 
    -webkit-box-shadow: inset 0 0 0px white; 
    box-shadow:   inset 0 0 0px white; 
} 

e utilizzarlo come il seguente:

<div class="btn btn-static">Static</div> 
<!-- btn-default for comparison --> 
<button type="button" class="btn btn-default">Default</button> 

Così ora sembra un pulsante, ma non si comporta come tale quando si fa clic su di esso.

Bootply Link for Example

1

Questo sembra funzionare troppo:

<div class="btn btn-default disabled" style="cursor:default;">Something</div>

0
.btn-block+.btn-block{margin-left:0} 
Problemi correlati