Đường ray: Nút Khởi động Twitter khi truy cập có màu văn bản màu đen

Question

Tôi có đường ray 3.2 ứng dụng sử dụng Twitter Bootstrap qua đá quý 'twitter-bootstrap-ray'. Ngoài các hình thức được tạo ra với SimpleForm ngọc Đối với một số các trang tôi đã sử dụng các nút twitter trên biểu mẫu qua

<%= link_to "Back", :back, :class => 'btn btn-warning'%> 
<%= form.button :submit, :class => 'btn btn-primary' %> 

Các nút được trả lại ok. Vấn đề là sau khi bạn chọn một trong các nút, mà đến thăm liên kết, trên trở về trang văn bản được bị mắc kẹt trên các phiên bản màu xám như hình dưới đây cho nút 'lại':

Điều này gây ra sự cố, đặc biệt là trên các nút được tạo kiểu với 'btn-primary' vì văn bản khó đọc. Một ví dụ của việc này là dưới đây:

Tự hỏi những gì thiết lập cần phải thay đổi và ở đâu. Tôi hy vọng nó phải nằm trong tệp tin bootstrap_and_overrides.css.less nhưng không chắc chắn nên cài đặt gì. Các thử nghiệm trên @linkColorHover không hoạt động.

Mọi suy nghĩ?

Answer 1

Bạn luôn có thể tạo kiểu cho a.btn mục, để loại bỏ các đồ trang trí trên lớp giả như :visited

Answer 2

Bạn nên sử dụng Firebug hoặc Công cụ dành cho nhà phát triển của Chrome để tìm hiểu thuộc tính CSS nào bạn cần ghi đè trong bootstrap_and_overrides.css.less.

Thật khó để nói bằng cách xem hình ảnh.

Answer 3

Là một thay thế, bạn có thể sử dụng button_to thay vì link_to trong mẫu của bạn.

Vì điều này tạo ra một biểu mẫu mới, nếu bạn muốn mô phỏng hành vi liên kết, bạn cần sử dụng tham số :method => :get. Bạn có thể tìm thêm thông tin here.

Answer 4

Giải pháp tốt nhất mà tôi tìm thấy cho sự cố này là xóa scaffolds.css.scss trong thư mục app/assets/stylesheets theo đề xuất của @tonymarschall ở trên trong các nhận xét.

Answer 5

Kind của một sự kết hợp của một vài trong số các câu trả lời, nhưng chỉ đơn giản là thay thế:

color: #666; 

Với:

color: white; 

Trong scaffolds.css.scss