부트 스트랩으로 입력을 읽기 전용으로 강제 설정 CSS

Question

bootstrap.css을 사용하는 앱이 있습니다. 부트 스트랩 (커서 허용되지 않음, 배경색 회색 등)으로 인해 비활성화 된 것처럼 보이는 읽기 전용 입력이 있습니다. 입력을 읽기 전용으로 활성화 된 상태로 보이게하고 싶습니다.

어떻게하면됩니까?

편집 (추가 더 많은 코드) :

헤더 :

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

내 입력 : 가정

input[readonly] 
    background-color: #fff 

Answer 1

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

내 스타일러스 (있는 style.css) 귀하의 사용자 정의 CSS는 부풀린 후 포함되어 있습니다. CSS를 사용하면 특정에이 스타일을 적용 할 경우, 해당 입력에 클래스 "하여 ExampleClass"를 추가 만 입력을 읽어 사용자 정의 CSS 파일

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

에 다음 코드를 삽입 한 후 사용

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