Hãy xem trang này trong trình duyệt IE (Tôi có phiên bản mới nhất, nhưng nó cũng xảy ra trong các phiên bản cũ.)IE, CSS: Làm thế nào để loại bỏ một điểm nhấn mà xuất hiện, khi nhấp vào nút
Trong liên kết ở trên có hai nút tròn ở cuối trang. Khi bạn nhấp vào nút, điểm nổi bật trong suốt xung quanh nút sẽ xuất hiện. Nó không xuất hiện trong Mozilla hoặc Chrome. Có thể loại bỏ nó bằng cách nào đó không?
Thêm kiểu bổ sung trong thẻ neo.
style="background-color:transparent"
Điều này rất hữu ích đối với chúng tôi nhờ @Nidhi Ranpura. –
Sửa màu nền sẽ không hoạt động tốt nếu chúng tôi có nút màu, vì điều này sẽ thay đổi màu thực của chúng. Hãy thử phác thảo tiêu điểm: không css –
Để giải quyết vấn đề của bạn, bạn có thể thêm các kiểu thuộc tính nút neo của bạn btn1 và btn2:
border-top-left-radius: 41px;
border-top-right-radius: 41px;
border-bottom-left-radius: 41px;
border-bottom-right-radius: 41px;
Tôi đã thử với IE10 và nó làm việc.
Một ví dụ cho btn1:
<a id="btn1" href="#" style="border-top-left-radius: 41px; border-top-right-radius: 41px; border-bottom-right-radius: 41px; border-bottom-left-radius: 41px;"/>
thử nó. Mã dưới đây của css rất hữu ích để xóa đường viền và lấy nét xung quanh liên kết hoặc nút.
a:focus{
outline:none !important;
}
Vui lòng chỉnh sửa với nhiều thông tin hơn. Các câu trả lời chỉ có mã và "dùng thử" này không được khuyến khích, bởi vì chúng không chứa nội dung có thể tìm kiếm được và không giải thích tại sao một người nào đó nên "thử cái này". – abarisone
Bạn đang ở phải @abarisone –
Sửa lỗi chính xác @RanaAalamgeer –
Bạn không thấy? Đã thử trong IE10 có và không có chế độ tương thích. – Artless
Bạn đang nói về đường viền chấm chấm? – xec
http://stackoverflow.com/questions/1142819/how-to-remove-dotted-border-around-active-hyperlinks-in-ie8-with-css – matpol