Về cơ bản những gì nó làm là hiển thị các góc trên cùng bên phải và dưới cùng bên phải thay vì các góc trên cùng bên trái/dưới cùng chính xác.Internet Explorer 9 (và 10) đang hiển thị các góc tròn của tôi về phía sau
Đây là css:
.formlabel, .formlabel2, .formhead{
width:200px;
font-size:18px;
height:22px;
font-weight:normal;
background-color:#FF8000;
text-align:right;
margin-top:5px;
padding-right:1px;
border:none;
color:white;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
Từ những gì tôi đã có thể suy ra, nó sẽ xảy ra bởi vì họ đang trong một lớp có thuộc tính direction:rtl
. Nếu tôi thêm direction:ltr
vào các lớp ở trên thì các góc sẽ được làm tròn chính xác. (Bạn có thể thử điều này bằng cách sử dụng mã ở trên và thêm direction:rtl
)
Vấn đề là trang web bằng tiếng Do Thái nên tôi cần nó ở lại rtl.
Bất kỳ ý tưởng nào?
Ngu ngốc _stupid_ Nhà phát triển IE. Chỉ một chút phù hợp sẽ tốt đẹp bây giờ và sau đó. – Bojangles
Có lẽ bạn có thể sử dụng vị trí tuyệt đối để ngăn xếp hai phần tử và đặt nền và đường viền và hướng: ltr đến phần tử thấp hơn và tất cả nội dung rtl trên phần tử phía trên? – Neil