2012-11-30 31 views
12

Tôi mới ở đây (cũng như với bootstrap và JavaScript) và hy vọng tôi không hỏi một câu hỏi đã được hỏi trước đây. Tôi đã google rất nhiều và tìm kiếm trên đây và không thể tìm thấy bất cứ ai đề cập đến vấn đề cụ thể này.Bootstrap 2.2.1 lỗi phương thức - viền màu xanh xung quanh gọi href?

Tôi đã tìm thấy lỗi tôi nghĩ với Bootstrap 2.2.1 .. khi bạn đóng một phương thức, liên kết href được gọi là hiện có đường viền màu xanh xung quanh nó. Điều này xảy ra với các nút, mục điều hướng, mọi thứ. Điều này có thể được nhìn thấy trên bản demo trực tiếp của Bootstrap - nhấp vào nút màu xanh "Khởi chạy chế độ demo" trong phần "Modals bootstrap-modal.js". Bạn có thể thấy đường viền màu xanh nhạt xung quanh nút sau khi đóng phương thức.

http://twitter.github.com/bootstrap/javascript.html#modals

Vấn đề này chở tôi điên, tôi sai lầm với CSS cho các lứa tuổi, sau đó thử các trình duyệt khác nhau, cho đến khi tôi hạ cấp và vấn đề trên là không có mặt trên bootstrap 2.0.4.

Có ai biết nếu đây là sự cố đã biết với 2.2.1 hoặc đã xuất hiện từ phiên bản cụ thể không ?, hoặc vấn đề là gì?

+0

Vấn đề tương tự vẫn tiếp tục trong bootstrap 3. Ít nhất là khi bạn mở các mod của JS. – mcy

Trả lời

22

Sửa chữa khá đơn giản khi bạn xác định được thuộc tính CSS là gì. Tôi nghĩ rằng nó đến từ một số vấn đề với trọng tâm của phương thức và họ quyết định sửa đổi html được tạo ra. Bạn cần xác định CSS sau. Nó đến từ link sau.

.modal-open .modal,.btn:focus{ 
    outline:none!important 
} 

Hy vọng điều đó sẽ hữu ích! Tôi đã thực hiện một kết quả (bao gồm css + js của bootstrap) để bạn xem bản trình diễn trực tiếp của nó, here. Lưu ý rằng nếu bạn đang sử dụng thứ gì đó không phải là nút, đường viền có thể quay lại, vì chúng tôi chỉ áp dụng nó ở đó. Vì bạn đang đề cập đến a href, có khả năng bạn đang gọi phương thức từ một liên kết và do đó cũng nên kích hoạt a:focus

+2

Cảm ơn bạn! Trong trường hợp của tôi, tôi đã phải thêm một: tập trung vào đó, dường như được sắp xếp ngay bây giờ! Cảm ơn một lần nữa! – deem720

+0

@ deem720 niềm vui của tôi –

+0

Thực sự thực sự hữu ích. Đã tìm kiếm một giải pháp như điên, đã cho tôi một thời gian để tìm thấy điều này, nhưng hoạt động như một say mê! Cảm ơn bạn! –

Các vấn đề liên quan