Plupload:如何删除删除事件中的黄色突出显示
Plupload: how to remove yellow highlight on delete event
我正在使用 plupload 插件创建拖放表单。我更改了 css 以使 plupload 表单看起来像我设计的表单。当我单击 "delete" btn - 缩略图以黄色突出显示。这是 plupload 插件的标准行为。 如何更改此颜色?
看来黄色不是css class创造的。它是用 js 函数创建的(如果我理解正确的话)。我试图查看插件代码以更改此行为,但可以找到正确的位置。
Plupload 使用 JS 在删除时直接在 .plupload_file
元素上应用内联样式。根据我的观察,它应用内联样式 background-image:none; background-color: rgb(xxx, yyy, zzz); opacity: 0.xxx;
(其中 x、y、z 值动态变化,直到元素从 DOM 中删除)
要覆盖这些样式,最简单的选择是利用 CSS !important
规则。例如,给定以下 HTML:
<div class="myDiv" style="background-color: red;">
The inline styles for this div should make it red.
</div>
我们可以用这个来对抗它:
.myDiv {
background-color: yellow !important;
}
https://css-tricks.com/override-inline-styles-with-css/
不太优雅的选择是梳理源代码以找到应用黄色突出显示的位置,然后对其进行修改。
我正在使用 plupload 插件创建拖放表单。我更改了 css 以使 plupload 表单看起来像我设计的表单。当我单击 "delete" btn - 缩略图以黄色突出显示。这是 plupload 插件的标准行为。 如何更改此颜色?
看来黄色不是css class创造的。它是用 js 函数创建的(如果我理解正确的话)。我试图查看插件代码以更改此行为,但可以找到正确的位置。
Plupload 使用 JS 在删除时直接在 .plupload_file
元素上应用内联样式。根据我的观察,它应用内联样式 background-image:none; background-color: rgb(xxx, yyy, zzz); opacity: 0.xxx;
(其中 x、y、z 值动态变化,直到元素从 DOM 中删除)
要覆盖这些样式,最简单的选择是利用 CSS !important
规则。例如,给定以下 HTML:
<div class="myDiv" style="background-color: red;">
The inline styles for this div should make it red.
</div>
我们可以用这个来对抗它:
.myDiv {
background-color: yellow !important;
}
https://css-tricks.com/override-inline-styles-with-css/
不太优雅的选择是梳理源代码以找到应用黄色突出显示的位置,然后对其进行修改。