Erzwingen aktiviert Lookonly Eingabe mit Bootstrap CSS

Question

Ich habe eine App mit bootstrap.css für das Design. Ich habe eine readonly-Eingabe, die wegen Bootstrap wie deaktiviert aussieht (Cursor nicht zulässig, Hintergrundfarbe grau usw.). Ich möchte, dass die Eingabe bei aktiviertem Readonly aktiviert angezeigt wird.

Wie kann ich das tun?

bearbeiten (Hinzufügen von mehr Code):

Rubrik:

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 Eingang: input.form-control(readonly, placeholder='jj-mm-aaaa')

Mein Stift (style.css):

input[readonly] 
    background-color: #fff 

Answer 1

Unter der Annahme, Ihr Custom CSS ist nach dem Boostrap enthalten. css, den folgenden Code in der benutzerdefinierten CSS-Datei

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

Wenn Sie nur diese Art bestimmten lesen nur Eingaben anwenden möchten, fügen Sie eine Klasse „ExampleClass“ auf jene Eingänge und verwenden Sie dann:

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