2017-07-07 17 views
10

findInPage का उपयोग कर एक इलेक्ट्रॉन वेबव्यू में, क्या आप परिणाम रंग बदलने के लिए सीएसएस का उपयोग कर सकते हैं?सीएसएस का उपयोग कर पृष्ठ परिणाम शैली पर वेबव्यू ढूंढें?

enter image description here

ऊपर छवि में, वर्तमान खोज परिणाम नारंगी रंग से हाइलाइट करते हुए अतिरिक्त परिणाम पीला साथ हाइलाइट किया जाता है है। मैं इन दोनों

+2

ठीक है, आप कर सकते थे 'Ctrl-F' कुंजी ईवेंट को ओवरराइड करें और इसे स्वयं बनाएं। –

+0

@ मैट बायर्नर क्या यह आपके लिए सीएसएस के साथ लागू करना महत्वपूर्ण है? क्योंकि जावा स्क्रिप्ट के साथ लिखना इतना आसान है। – aghilpro

+0

मुझे सच में परवाह नहीं है कि यह कैसे कार्यान्वित किया जाता है, लेकिन जब तक कि आप मुझे अन्यथा मनाने के लिए नहीं, जेएस में पृष्ठ खोज को पुन: कार्यान्वित करना उन आसान समस्याओं में से एक है जो सही –

उत्तर

1

इलेक्ट्रॉन में आप stopfindInPage का उपयोग ढूंढने और फोकस/चयन को सक्रिय करने के लिए उपयोग कर सकते हैं (activateSelection - फोकस और चयन नोड पर क्लिक करें)।

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

मैं इसे करने की कोशिश नहीं की है, यह है: यह insert css लिए भी संभव है के रूप में, इस रंग/bg = चयनित पाठ का रंग अद्यतन करने के लिए, निम्नलिखित की तरह कुछ का उपयोग करके आप सीएसएस प्रविष्ट कर सकते है एपीआई को देखने से सिर्फ एक सुझाव। वहाँ css tricks पर एक दिलचस्प लेख है कि आप भी पा सकते हैं उपयोगी

आशा इस मदद करता है, और आप एक समाधान लगता है कि

संपादित करें:

आप में setUserDefault इस्तेमाल कर सकते हैं आप मैक पर हैं सिस्टम प्राथमिकताएं

इसके अलावा, अगर आप Nathan Buchar's electron settings उपयोग करते हैं, आप set विधि कुंजी मान समायोजित करने के लिए उपयोग कर सकते हैं (मैक/Windows/Linux में - देख उसकी faq)

+0

सही करने के लिए आश्चर्यजनक रूप से कठिन है। दुर्भाग्य से, चयन सीएसएस पेज मैचों में खोज को संभाल नहीं करता है। आपके उत्तर ने मुझे क्रोमियम स्रोत को देखने के लिए प्रेरित किया, और मुझे विश्वास है कि स्रोत को मिलान रंग मिलते हैं: https://cs.chromium.org/chromium/src/third_party/WebKit/Source/core/layout/LayoutTheme। सीपीपी? डॉ = सीएस और एल = 816 ऐसा लगता है कि वे हार्डकोड हैं? –

+0

@MattBierner इन लिंक को देखें; क्रोम फोरम पर डेवलपर द्वारा यह पहला सुझाव दिया गया था: 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 –

+0

@MattBierner का पहला लिंक भी जांचना था क्रोम में पृष्ठभूमि रंग को बदलने के तरीके के जवाब में सुझाव दिया गया है, लेकिन मुझे यकीन है कि इसे केवल चयनित टेक्स्ट की पृष्ठभूमि को बदलने के लिए अनुकूलित किया जा सकता है। यहां फोरम लिंक है: https://productforums.google.com/forum/#!topic/chrome/BnLnYe3SK8k (इसे सर्वश्रेष्ठ उत्तर के रूप में चिह्नित किया गया है) –

3

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>

+0

नमूना लिंक डाउनलोड करें: https://ws.onehub.com/files/64lj8llt –

+0

यह नहीं बदलेगा परिणाम खोजें केवल चयन रंग –

संबंधित मुद्दे