將選擇器添加到我的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

回答

相關問題