javascript
  • jquery
  • html
  • css
  • 2013-05-20 4378 views 8 likes 
    8

    tôi có một khung nội tuyến bên trong trang web của tôi, nhưng tôi muốn thay đổi phong cách css/font, vvkhung nội tuyến Thay đổi nội dung CSS Style

    <iframe name='iframe1' id="iframe1" src='<?php echo "http://micro.shoretel.com/www/?v=$version&s=$style&l=$logo&p=" . $_GET["p"] ?>' frameborder='0' width='660' height='450'></iframe> 
    

    Làm thế nào để tôi ghi đè lên phong cách CSS nội dung của khung nội tuyến?

    +0

    Có phải 'iframe' src trên miền của bạn không? Nếu vậy bạn có thể sử dụng CSS chuẩn để muck với nó, nếu không ... thì bạn không thể làm gì cả. – Justin808

    +0

    đặt tham chiếu trang tính kiểu trên iframe. – user1

    +0

    http://stackoverflow.com/questions/6494721/css-overide-body-style-for-content-in-iframe – zavg

    Trả lời

    18

    Nếu iframe tải một trang trên tên miền của riêng bạn, và bạn muốn tĩnh thay đổi iframe s phong cách, bạn chỉ có thể thay đổi các quy tắc kiểu trong tệp CSS, đây là những gì @ Justin808 đề cập đến.

    Tuy nhiên nếu bạn muốn động thay đổi phong cách, iframe tải một trang trên tên miền của riêng bạn, bạn có thể làm điều này bằng jQuery:

    $("iframe").contents().find("element-selector").css("border-color", "blue"); 
    

    Nếu iframe tải một trang trên một tên miền khác, bạn đã hết may mắn, hãy theo dõi this link, nơi bạn có thể đọc một chút về lý do tại sao điều đó không hiệu quả.

    Nếu bạn đang sử dụng HTML5, bạn có thể sử dụng postMessage để liên lạc giữa trang và iframe.

    @crdunst giải pháp 's sẽ làm việc nếu bạn có 'truy cập chỉnh sửa' để trang bên trong iframe để bạn có thể chỉnh sửa nó để hiểu các thông số được truyền cho nó, và sau đó làm cho nó hành động theo những thông số đó. Nó không phải là động như sử dụng jQuery vì nó chỉ cho phép bạn thay đổi phong cách bằng cách tải lại trang bên trong iframe và chuyển cho nó một tập hợp các thông số khác.

    +0

    bệnh thử jQuery, cảm ơn, –

    +0

    Nó không hoạt động cho tôi :( –

    5

    Tôi không chắc chắn nếu đây là những gì user2146515 đề cập đến, nhưng nếu bạn có quyền truy cập vào trang trong khung nội tuyến, bạn có thể chuyển giá trị trên url và sau đó sử dụng các giá trị đó trong nội dung iframe của mình:

    <iframe src="http://www.youriframecontent.com?bg=ffffff&text=000000"></iframe> 
    

    Sau đó, trong trang iframe, kiểm tra các giá trị và thêm phong cách dựa trên những giá trị

    Các vấn đề liên quan