Force-enabled Blick auf readonly input mit bootstrap-CSS

Ich habe eine app mit bootstrap.css für das design. Ich habe ein readonly input, die aussieht wie deaktiviert, da der bootstrap (cursor nicht erlaubt, hintergrund-Farbe Grau etc...). Ich möchte den Eingang zu suchen, aktiviert mit readonly aktiviert.

Wie kann ich das tun?

Bearbeiten (hinzufügen von mehr code):

Header:

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')

Mein input: input.form-control(readonly, placeholder='jj-mm-aaaa')

Mein stylus (Stil.css):

input[readonly]
  background-color: #fff
Zeile #1725 .form-control[readonly], können Sie es ändern, oder überschreiben
Andere als überschreiben die [disabled]/[readonly] Stile ich glaube nicht, dass Sie eine Lösung für dieses.
Ich möchte zu halten das bootstrap-intakt...
So versuchen !wichtige Klausel
Ich bin mir zu 99% sicher.

InformationsquelleAutor ncohen | 2014-05-22

  1. 12

    Angenommen, Ihre benutzerdefinierte css-Datei enthalten ist, nachdem die boostrap.css, platzieren Sie den folgenden code in Ihrer benutzerdefinierten css-Datei

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

    Wenn Sie nur wollen, wenden Sie diesen Stil auf bestimmte lese-nur-Eingänge, fügen Sie eine Klasse "exampleclass" zu den Eingängen, und verwenden Sie dann:

    input[readonly].exampleclass {
   background-color: #fff;
}
    Es ist besser zu nutzen, wie CSS funktioniert, anstatt nur stick !importants überall. Die benutzerdefinierte CSS-Datei aufgenommen werden sollten, nach der bootstrap.css sowieso so, dass die custom-CSS nicht überschrieben durch nichts in der bootstrap.css
    Ja, es funktioniert mit dem '!wichtig' ist nur...
    Dann ist etwas anderes falsch ist. Kannst du mehr von deinem code?
    Meine schlecht, ich habe vergessen die form-control Klasse! Jetzt funktioniert es...danke
    Unter der Annahme von @ncohen ' s Kommentar, dass er meinte input[readonly].form-control { background-color: #fff; }, das klappte bei mir einwandfrei.

    InformationsquelleAutor quoo

Schreibe einen Kommentar