Question

我的任务是在网页上安装第三方小部件。然而，当我使用他们给我的代码时，它会导入自己的CSS以及html，head，body标签，而我似乎无法覆盖它。我甚至试过了！重要的。我希望我只是忽视一些微不足道的东西，如果有人会启发我，我会感激。

<object data=https://thewebsite.com/eresources/embed?    tab=journal&hideletters=true width="600" height="175"></object>

小部件引用的CSS代码页面上有页面，但我认为问题在于此部分

body {
direction:ltr;
margin:0;
background:#fff;
position:relative;
min-height:100%;
font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-    serif,FontAwesome;
font-size:.75em;
color:#2c2d32;
}
#overlay{
visibility:hidden;
position:fixed;
z-index:5000;
top:0;right:0;
bottom:0;
left:0;
background:black;
opacity:0;
transition:opacity linear 0.2s, visibility linear 0 0.4s, top linear 0 0.4s
}

#overlay.shown{
opacity:0.4;filter:alpha(opacity = 40);
visibility:visible;
transition:opacity linear 0.2s, visibility linear 0 0s, top linear 0 0s
}
.neutral-color{ 
color:#777
}

.accent-text{
font-style:italic
}

.ellipses{
white-space:nowrap;
overflow:hidden;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
text-overflow:ellipsis
}

.modal{
visibility:hidden;
position:fixed;
z-index:5001;
width:700px;
left:50%;
margin-left:-350px;
opacity:0;
top:0;
margin-top:90px;
margin-bottom:90px;
max-height:calc(100% - 60px);
transition:opacity linear 0.2s, visibility linear 0 .3s, top linear 0 3s
}

.modal.large{
width:900px;
margin-left:-450px
}

.modal.shown{
opacity:1;
filter:alpha(opacity = 40);
visibility:visible;
transition:opacity linear 0.2s, visibility linear 0 0s, top linear 0 0s
}

.modal .modal-dialog{
background-clip:
padding-box;
border:1px solid #999;
border:1px solid rgba(0,0,0,0.2);
border-radius:3px;
outline:0;
box-shadow:0 3px 9px rgba(0,0,0,0.5);
background:white
}

.modal .modal-content>div{
padding:1em
}

.modal .modal-header{
height:46px;
border-bottom:1px solid #ccc
}

.modal .modal-header h4{
line-height:1.2em;
font-size:1.2em;
margin:0
}

.modal .modal-header button.close{
-webkit-appearance:none;
padding:0;
cursor:pointer;
background:0 0;
border:0
}

.modal .modal-header .close{
cursor:pointer;
float:right;
font-size:21px;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
filter:alpha(opacity=20);
opacity:.2
}

.modal .modal-header .close:hover{
text-decoration:none;
filter:alpha(opacity=50);
opacity:.5
}

.modal .modal-footer{
height:46px;
text-align:right;
border-top:1px solid #ccc
}

.modal .modal-body{
overflow:auto
}

所有这些都包含在第二组，和标签中。

到目前为止，如果我使用浏览器的开发人员工具来编辑应用于窗口小部件的body标签（）的小部件，或者小部件的html标签（），我需要进行更改，但是当我进入实际代码并进行更改时，他们不坚持。

我试过了： body.ejm.non-auth { 背景：#EDEEEF; }

并且似乎也包含了我想要更改的相同区域，因此对于这两个区域，我尝试进行与上述相同的更改，但无济于事。

覆盖Widget生成的CSS

0 个答案: