contenido de estilo dentro de un iframe

3 minutos de lectura

contenido de estilo dentro de un iframe
Safari

Tengo que diseñar algo dentro de un iframe.

<html>
 <head>
   <link href="https://stackoverflow.com/questions/17316562/url/to/my/custom.css"></link>
 </head>
 <body>
    ......
    <iframe class="webform-frame">...</iframe>
 </body>
</html>

En mi custom.css ya intenté usar .webform-frame h5 { color: #f00; } pero no funciona

El iframe lo genera algo de JavaScript (no tengo acceso a él).

¿Alguna idea de cómo podría diseñar esas cosas dentro de ese iframe?

  • El documento dentro del iframe es un documento separado; deberá agregar su hoja de estilo allí. Ya sea en el HTML o dinámicamente usando JavaScript (pero para eso, el documento del iframe debe estar en el mismo dominio. ¿Lo es?)

    – Peka

    26 jun.

  • no, está en un dominio diferente

    – Safari

    26 jun.

  • Por lo general, lo que hacen las empresas (estoy seguro de que lo habrás visto) es incluir el iFrame en tu propio documento de envoltorio. Las empresas hacen esto cuando requieren que usted haga un pago. Tienen el logotipo y el estilo de su empresa en su documento, y el formulario de pago está en un iFrame separado dentro de este. No, no puede diseñar las cosas en ese iFrame, pero puede diseñar su propio código a su alrededor. Quizás piense más en esta solución estándar empleada por muchas empresas empresariales.

    – Jimbo

    26 jun.

  • Posible duplicado de ¿Cómo aplicar CSS a iframe?

    – T. Todua

    17 oct.

contenido de estilo dentro de un iframe
Sr. alienígena

Si desea apuntar a iframe es decir, el borde, el color del borde, el relleno o el margen, luego usar esto apuntará a su iframe:

iframe.webform-frame {
   /* Styles */
}

Si está tratando de apuntar al marcado que está cargado dentro del iframe que eso no es posible.

Nota: Puede controlar algunas cosas, como hacer que el fondo del marco sea transparente, etc.


Editar: Me gustaría agregar seamless atribuya la explicación aquí, como dijo Sebastian, pero el soporte es deficiente, tal vez debería ignorarlo. Tampoco edite ninguna página iframed sin el permiso previo del propietario de la página.

  • Mi solución es perfectamente válida para algunos propósitos especiales (por ejemplo, desarrollo de extensiones de Chrome) y creo que no debería ignorarse si el caso de uso lo permite.

    – Sebastián vom Meer

    26 jun.

  • para trabajar con CORS, puede agregar una etiqueta

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad