Bootstrap btn classe, mais pas d'état de pointage

Je sais qu'il est .btn classe dans le bootstrap

<span class="btn" style="background-color: #82CFFD"><strong>R</strong></span>

Elle a beau style, mais réagit comme le bouton, placez état, etc, etc.
Est-il dans la classe de bootstrap comme .btn mais de ne pas avoir d'état de pointage, ou nous avons à faire 🙁

pourquoi point vous désactiver / commentaire l'état de pointage dans votre fichier css ou css remplacer ce

OriginalL'auteur Schneider | 2014-01-28

  1. 12

    Je pense que la meilleure chose à faire serait d'ajouter un peu de .nohover classe désirée .btn éléments qui auraient les mêmes styles comme un .btn classe

    HTML

    <span class="btn nohover" style="background-color: #82CFFD"><strong>R</strong></span>

    CSS

    .btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor:default !important;
    /* or something like that */
}

    OriginalL'auteur Slavenko Miljic

  2. 6

    La façon d'obtenir ce que vous voulez est de placer votre style de bouton, quelque chose comme btn-default, puis ajouter le de la classe: 

    <span class="btn btn-default active" style="background-color: #82CFFD"><strong>R</strong></span>

    Le seul inconvénient est que le bouton sera toujours "enfoncée". Si vous ne voulez pas le bouton pour regarder pressé, vous aurez à faire un personnalisé remplacer.

    Au lieu de active hover au lieu

    OriginalL'auteur styger

  3. 1

    Si vous définissez des styles avec l'attribut style, que ce sera top de tous les styles à partir d'un fichier css pour la classe .btn. De sorte que vous ne serez pas obtenir un état de pointage style défini dans le bootstrap css.

    Et depuis bootstrap 3, vous devez définir un css de la classe de base btn et un modificateur de classe btn-default ou btn-primary ou ...

    OriginalL'auteur TLindig

  4. 0

    essayez ceci :

    <a href="#" class="btn" role="button"><strong>R</strong></a>

    vous avez à faire un override de la classe .btn du bootstrap

    .btn:hover {
  background-color : 'your background color';
}

    pour le curseur, il est un exemple :

    http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&préval=par défaut

    Je ne veux pas réagir comme un href, seul à ne pas avoir d'état de pointage, curseur, pointeur non 🙂
    il est un exemple pour vous : w3schools.com/cssref/...

    OriginalL'auteur cesar andavisa

  5. 0
    .btn:hover {
  color: @grayDark;
  text-decoration: none;
  background-color: darken(@white, 10%);
  background-position: 0 -15px;

  //transition is only when going to hover, otherwise the background
  //behind the gradient (there for IE<=9 fallback) gets mismatched
  .transition(background-position .1s linear);
}

    vous pouvez utiliser planer comme ça,

    et si vous voulez savoir à propos de bootstrap et de ses fonctionnalités, reportez-vous à ce lien,

    http://jacobrask.github.io/styledocco/styledocco/examples/bootstrap/docs/buttons.html

    OriginalL'auteur Shivam

  6. 0

    Si vous utilisez sass ( .scss ), vous pouvez simplement remplacer le style.. je vous suggère de conclure dans une autre div, donc vous n'avez pas par inadvertance, effet TOUS les .btn classes pour une utilisation future. 

    .btn {
  &:hover {
    background-color: #FFF;
  }
}

    OriginalL'auteur Christopher Knight