Bất kỳ cách nào để tùy chỉnh đường viền và nền của HTML <select>
trong IE? Tôi có thể tạo kiểu viền với CSS đơn giản trong Firefox, nhưng dường như không có trong IE.Tạo kiểu '<select> `trong Internet Explorer
Trả lời
IE có nhiều khả năng ở chế độ quirks nhất. Các phiên bản trước của IE không tự vẽ phần tử select
và do đó nó không thể được tạo kiểu đúng cách (cũng như một số quirks z-order), vì vậy trên IE < 8 bạn không thể làm điều đó, trừ khi bạn thực hiện lại một cái gì đó như select
trong JS. Hãy xem các công cụ phát triển (F12) để xem trình duyệt và chế độ tài liệu nào của IE; nếu nó nói "Internet Explorer 8" cho chế độ trình duyệt và không phải là "chế độ Quirks" cho chế độ tài liệu, bạn nên có ok :)
Đoạn sau hoạt động tốt ở đây (IE8β2):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
select {
border: 1px solid red;
}
</style>
</head>
<body>
<form>
<select>
<option>1</option>
<option>2</option>
</select>
</form>
</body>
</html>
Bao gồm các thẻ này trong mã của bạn:
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
</head>
Điều này sẽ giải quyết các vấn đề liên quan đến Internet Explorer.
Bạn đã đọc câu hỏi hoặc câu trả lời được chấp nhận, đã được đăng hơn * ba năm * trước chưa? -1 –
Bên cạnh đó bạn không thể chỉ bao gồm một
mới ở bất cứ nơi nào bạn muốn. Bạn có thể không nghĩ về nó như vậy khi bạn viết câu trả lời, nhưng đó là cách nó được đọc. Ngoài ra, bạn chỉ đặt chế độ IE thành IE 9, không phải là bằng chứng trong tương lai. Đặc biệt là bây giờ IE 10 đã hết. IE = cạnh là apropiate hơn. Hơn nữa điều quan trọng là understad các hành vi trình duyệt cũ, không chỉ bỏ qua chúng, bằng cách buộc phiên bản mới. – Tokimon
đúng, nhưng các phiên bản trước của IE gặp sự cố với đường viền. – scunliffe
Chắc chắn, nhưng nó được gắn thẻ "ie8", vì vậy tôi giả định s? Ông đã nói về IE8. Và có, tôi đã làm cho nó khá ngầm định rằng các phiên bản trước sẽ không tạo kiểu viền; Tôi sẽ thay đổi điều đó. – Joey