使用css更改webview查找頁面結果樣式？

在使用findInPage的電子網頁視圖中，您可以使用css更改結果顏色嗎？使用css更改webview查找頁面結果樣式？

在上述圖像，當前的查找結果突出顯示爲橙色而附加結果與黃色高亮顯示。我想調整這兩種設計的造型

2017-07-07 Matt Bierner

嗯，你可以重寫'Ctrl-F'鍵事件並使其成爲您自己的。 –

@Matt Bierner用css實現它很重要嗎？因爲用java腳本編寫起來很容易。 – aghilpro

我真的不在乎它是如何實現的，除非你能說服我，否則，在JS中重新實現頁面搜索聽起來就像是那些容易出錯的難題之一，很難得到正確的 –

在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 /窗/ Linux的 - 看他faq）

來源

2017-07-14 01:21:53

感謝您的建議。不幸的是，選擇CSS不處理頁面匹配中的查找。您的回覆確實激發了我對鉻源的瞭解，並且我相信找到了匹配顏色的來源：https：//cs.chromium.org/chromium/src/third_party/WebKit/Source/core/layout/LayoutTheme。 cpp？dr = CSs＆l = 816看起來他們是硬編碼的？ –

@MattBierner看到這些鏈接;第一個是由開發人員在chrome論壇上提出的：https：//www.squarefree.com/bookmarklets/color.html。還調查https://www.jetbrains.com/help/clion/configuring-colors-and-fonts.html和https://developer.chrome.com/devtools/docs/elements-styles –

@MattBierner第一個鏈接是建議回答一個查詢如何更改chrome中的背景顏色，但我相信它可以改變只改變選定文本的背景。以下是論壇鏈接：https://productforums.google.com/forum/#!topic/chrome/BnLnYe3SK8k（它被標記爲最佳答案） –

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>

來源

2017-07-15 19:33:46

下載示例鏈接：https：//ws.onehub.com/files/64lj8llt –

這並不改變找到結果。只有選擇顏色 –

使用css更改webview查找頁面結果樣式？

回答

相關問題