Results 1 to 3 of 3

Thread: Override iframe CSS?

  1. #1
    Join Date
    Mar 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Override iframe CSS?

    I have an iframe on my website to a transaction service bureau. I know the exact format of the various pages served by the bureau, but I don't have the ability to change styles on the service bureau pages itself. I want to override one style in the iframe (I know the class of that style). Is there anyway for me to load a CSS which gets added to the iframe? Or perhaps there's another way to change the style for the class "tinytext" in the iframe? I merely want to change the font size to make it larger.

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    I do not believe you can since the iframe isn't actually on your page, it is referencing another. If it was possible it would be through

    Code:
    <style type="text/css">
    iframe#identity {
         font-size: 110%;
    }
    </style>
    
    <iframe id="identity" src="/path"></iframe>

  3. #3
    Join Date
    Mar 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the code. The actual situation is that there is one class selector in the iframe's CSS called "tinytext". I don't want to change all the font sizes on the iframe page - only the size of the text which has the class selector of tinytext.

    Any ideas?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •