2013-09-25 34 views
6

Làm cách nào tôi có thể đặt hướng văn bản của thẻ tùy chọn được chọn Phải không?Trình duyệt Safari: đặt <option> căn chỉnh văn bản trong <select> thẻ bên phải

<select style="direction:rtl;text-align:right"> 
    <option value="" selected="">همه</option> 
    <option value="1">راهبر سيستم</option> 
    <option value="0">عادی</option> 
</select> 

safari vs other browsers

jsfiddle: http://jsfiddle.net/CHg8v/

Giải pháp trong câu hỏi trùng lặp không bao gồm vấn đề của tôi:

text-align: right on <select> or <option>

UPDATE: Tôi đang sử dụng Safari 5.1 trong cửa sổ.

text-align:-webkit-right không hoạt động trong safari 5.1 cho các cửa sổ

Trả lời

6

Safari gặp vấn đề (bug) với các tùy chọn <Select> cho text-align:right với direction:rtl tài sản. Vui lòng kiểm tra sau liên kết cho báo cáo lỗi: -

->https://bugs.webkit.org/show_bug.cgi?format=multiple&id=19785

bên cạnh đó tôi cũng tìm thấy rất nhiều diễn đàn mà báo cáo vấn đề này kiểm tra một số sau đó: -

->http://csscreator.com/node/32981

->http://css-tricks.com/forums/topic/aligning-select-box-options-to-the-right-in-safari/

->http://hintsforums.macworld.com/showthread.php?t=107502

Y Bạn có thể làm google để biết thêm thông tin về lỗi này,

Trong bản đồ đường đi safari (Triển khai) Tôi không nghe thấy bất kỳ giải pháp nào cho lỗi/vấn đề này.

+0

không hoạt động! http://jsfiddle.net/CHg8v/2/ –

+0

bạn có thấy hình ảnh đính kèm của tôi không, tôi đã thử nghiệm nó như trình duyệt và nền tảng được chỉ định của bạn chưa ?? –

+0

postimg.org không phục vụ người dùng Iran. Tôi không thể nhìn thấy hình ảnh của bạn. Nó không hoạt động trong Safari cho windows –

0

sử dụng này: đầu vào .classNameOfYourSelect [type = tùy chọn] {phong cách mà bạn muốn thêm ở đây}. Bằng cách này, bạn chỉ chỉnh sửa các phần tử Tùy chọn với css cụ thể mà bạn sẽ viết bên trong dấu ngoặc, như màu, màu nền và bất cứ thứ gì bạn muốn.

+0

Đây không phải là câu trả lời của tôi! –

+0

nếu bạn chỉ muốn di chuyển mũi tên từ vị trí mặc định sang phải sang trái, hãy làm cho phần tử chọn của bạn trông như thế này