Tôi đang cố gắng che phủ văn bản trong một vùng văn bản có cùng văn bản trong div. Tôi đã quản lý để làm cho nó hoạt động trong tất cả các trình duyệt nhưng FireFox (Tôi đang sử dụng 8.0). Trong FireFox, văn bản bên trong vùng văn bản được dịch chuyển sang trái 1px.Văn bản vị trí bên trong vùng văn bản trong FireFox
Dưới đây là mã của tôi:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div, textarea
{
position:absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
font-family: Consolas;
font-size: medium;
border:none;
border-width: 0px;
}
div {color:red;}
textarea {color: blue;}
</style></head>
<body>
<textarea>Stuff</textarea>
<div>Stuff</div>
</body>
</html>
Tôi muốn nói đó là cách Firefox hiển thị văn bản để bạn chỉ cần CSS đặc biệt cho Firefox. – Hossein
Điều này dường như là một vấn đề trong một thời gian như http://stackoverflow.com/questions/4374537/how-to-force-firefox-to-render-textarea-padding-the-same-as-in-a-div chứng minh. Không có thực sự là một giải pháp tốt được liệt kê ở đó, một trong hai. – ScottS
Có vẻ như tôi sẽ phải hoàn nguyên về trình duyệt khi đánh hơi. Giống như trong thời đại cũ tốt .. – ulu