Forcer l'activation de l'entrée readonly avec le bootstrap CSS

J'ai une application à l'aide de bootstrap.css pour la conception. J'ai un readonly d'entrée qui ressemble désactivé en raison de bootstrap (curseur n'est pas permise, la couleur de fond gris, etc...). Je voudrais l'entrée de regarder activé avec readonly activé.

Comment puis-je le faire?

modifier (l'ajout de code):

En-tête:

doctype html
html(ng-app='myApp')
  head
    title=title
    link(rel='stylesheet' href='stylesheets/bootstrap.min-3.1.1.css')
    link(rel='stylesheet' href='stylesheets/style.css')

Mon entrée: input.form-control(readonly, placeholder='jj-mm-aaaa')

Mon stylet (style.css):

input[readonly]
  background-color: #fff

source d'informationauteur ncohen

  1. 12

    En supposant que votre css personnalisé est inclus après le bootstrap.css, placez le code suivant dans votre fichier css spécifique

    input[readonly] {
    background-color: #fff;
    /* any other styles */
}

    Si vous ne souhaitez appliquer ce style à la lecture pour les seules entrées, ajouter une classe "exampleclass" à ces apports, et ensuite utiliser:

    input[readonly].exampleclass {
   background-color: #fff;
}