将选择器添加到我的iframe

我使用colorbox作为页面加载时出现的弹出框，并且它在脚本内使用内联CSS来表示宽度和高度。但是，我需要使用媒体查询来更改较小屏幕的宽度和高度，但我不知道如何从我的CSS访问代码。我尝试添加一个ID和一个类，其宽度和高度目前都是，但它们都不起作用，并且我对这方面的知识非常非常有限。粘贴下面的代码以显示当前正在使用的内联CSS。我想，超过移动到我的CSS文件：将选择器添加到我的iframe

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script> 
<script> 
    function openColorBox(){ 
    $.colorbox({iframe:true, width:"600px", height:"450px", href: "popup.html"}); 
    } 

    setTimeout(openColorBox, 5000); 
</script>

来源

2016-11-20 JackT

的Colorbox API定义className参数添加类。

来源

2016-11-20 18:50:58

即使添加了这一点，每次我将内联样式取出并放入我的CSS中时，它将不再显示。如果我将内联样式保留在那里，它将忽略我尝试在我的CSS中添加的样式 – JackT

当您检查浏览器开发工具中的元素时，样式是否被划掉？您可能需要在CSS中使用'！important'（例如：'width：600px！important;'）以覆盖Colorbox通过JS添加的尺寸。 –

将选择器添加到我的iframe

回答

相关问题