diff --git a/src/epicker.html b/src/epicker.html
index dc5d0d1b9..6f4cdc48a 100644
--- a/src/epicker.html
+++ b/src/epicker.html
@@ -134,10 +134,7 @@ svg > path + path {
stroke-width: 0.5px;
fill: rgba(255,63,63,0.20);
}
-body.preview svg > path:first-child {
- fill: rgba(0,0,0,0.10);
-}
-body.preview svg > path + path {
+body.preview svg > path {
fill: rgba(0,0,0,0.10);
}
aside {
diff --git a/src/js/scriptlets/element-picker.js b/src/js/scriptlets/element-picker.js
index a8e59387c..f31f12c7c 100644
--- a/src/js/scriptlets/element-picker.js
+++ b/src/js/scriptlets/element-picker.js
@@ -284,17 +284,19 @@ var filterElements = function(filter) {
previewedElements.push({
elem: elem,
prop: 'display',
- value: style.display
+ value: style.getPropertyValue('display'),
+ priority: style.getPropertyPriority('display')
});
- style.display = 'none';
+ style.setProperty('display', 'none', 'important');
}
if ( item.type === 'network' && item.style === 'background-image' ) {
previewedElements.push({
elem: elem,
prop: 'background-image',
- value: style.backgroundImage
- });
- style.backgroundImage = 'none';
+ value: style.getPropertyValue('background-image'),
+ priority: style.getPropertyPriority('background-image')
+ });
+ style.setProperty('background-image', 'none', 'important');
}
}
};
@@ -313,7 +315,7 @@ var unpreview = function() {
var i = items.length, item;
while ( i-- ) {
item = items[i];
- item.elem.style[item.prop] = item.value;
+ item.elem.style.setProperty(item.prop, item.value, item.priority);
}
previewedElements.length = 0;
pickerBody.classList.remove('preview');