使用css更改webview查找页面结果样式？

Question

在使用findInPage的电子网页视图中，您可以使用css更改结果颜色吗？

在上图中，当前查找结果以橙色突出显示，而其他结果以黄色突出显示。我想调整这两种风格

Answer 1

body{
background-color:#000;
color:#fff;
}
h2::-moz-selection { /*Firefox*/
    color: #000;
    background: #FF9800;
}
::-moz-selection { /*Firefox */
    color: #000;
    background: yellow;
}
h2::selection {
    color: #000;
    background: #FF9800;
}
::selection {
       color: #000;
    background: yellow;
}

<h2>Select some text on this page:</h2>
<p>This is a paragraph.</p>
<div>This is some text in a div element.</div>

Answer 2

在Electron中，您可以使用stopfindInPage停止查找并关注/激活选择（activateSelection - 聚焦并单击选择节点）。由于也可以insert css，这可以允许您插入css以更新所选文本的颜色/ bg =颜色，方法如下：

::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}

我还没有尝试过，只是看一下API的建议。 有一篇关于css tricks的有趣文章，您也可能会发现它很有用

希望这会有所帮助，并找到解决方案

修改

如果您使用的是Mac，则可以在系统偏好设置中使用setUserDefault。

此外，如果您使用Nathan Buchar's electron settings，则可以使用set方法调整键值（在mac / windows / linux中 - 请参阅他的faq）