Bắt buộc hiển thị giao diện cho đầu vào chỉ đọc với bootstrap CSS

Question

Tôi có một ứng dụng sử dụng bootstrap.css cho thiết kế. Tôi có một đầu vào chỉ đọc mà trông giống như vô hiệu hóa vì bootstrap (con trỏ không được phép, màu nền màu xám vv ...). Tôi muốn đầu vào trông được bật với kích hoạt chỉ đọc.

Tôi có thể làm như thế nào?

chỉnh sửa (thêm mã hơn):

Tiêu đề:

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

đầu vào của tôi: input.form-control(readonly, placeholder='jj-mm-aaaa')

bút của tôi (style.css):

input[readonly] 
    background-color: #fff 

Answer 1

Giả css tùy chỉnh của bạn được bao gồm sau khi tăng cường. css, đặt đoạn mã sau vào css của bạn tập tin tùy chỉnh

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

Nếu bạn chỉ muốn áp dụng phong cách này để cụ thể chỉ đọc đầu vào, thêm một lớp "exampleclass" cho những đầu vào, và sau đó sử dụng:

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