Có ai biết tại sao IE6 và IE7 thêm viền trắng giữa biên giới button
và nền không?NÚT viền trắng IE7
Đây là CSS và HTML của tôi:
#reportButton{
background:#fefcda url(buttonback.png) repeat-x bottom left;
border-top:2px solid #fffff8;
border-right:2px solid #e3b40c;
border-bottom:2px solid #e3b40c;
border-left:2px solid #fffff8;
color: #373535;
font-weight: bold;
margin:0 2%;
width:45%;
}
<button id="reportButton">Report a Concern</button>
Nếu bạn cố gắng này, bạn sẽ thấy một đường viền màu trắng hài hước giữa biên giới và nền. Điều này không xuất hiện trong bất kỳ trình duyệt nào khác, thậm chí không có IE8.
Bất kỳ ai có sửa chữa hoặc đề xuất đơn giản về những gì tôi đang làm sai?
Cảm ơn!
CHỈNH SỬA: Tôi vừa nhận thấy rằng khi tôi nhấp vào nút, các con kiến hành quân xuất hiện và đường viền màu trắng biến mất. Có vẻ như khi nút là :active
chúng biến mất, mặc dù điều này không giúp tôi nhiều về mặt giải quyết vấn đề, có thể nó sẽ dành cho người khác.
Ngoài ra, xin lỗi tôi không thể cung cấp màn hình; Tôi không có nơi nào để tải nó ngay bây giờ qua kết nối internet này.
EDIT2: Nó thực sự xuất hiện rằng đường viền không phải là màu trắng nhưng là background-color
của nút. Nó xuất hiện IE là để lại một khoảng cách 1px giữa biên giới nút và hình nền nút.
Bạn đang sử dụng reset.css? Đoán rằng có lẽ sẽ sửa lỗi này nhưng không thể kiểm tra ngay bây giờ. – heisenberg
@kekekela: Tôi sẽ cố gắng ngay bây giờ. EDIT: Điều đó đã không làm việc ... – tau
Ah, xin lỗi nụ. =/Tôi sẽ xem xét nó khi tôi về nhà tối nay nếu bạn không tìm ra nó lúc đó. – heisenberg