2017-07-07 30 views
10

Trong chế độ xem web điện tử sử dụng findInPage, bạn có thể sử dụng css để thay đổi màu kết quả không?Thay đổi chế độ xem web trên kiểu kết quả trang bằng css?

enter image description here

Trong hình trên, kết quả tìm thấy hiện nay được đánh dấu màu cam trong khi kết quả bổ sung được đánh dấu bằng màu vàng. Tôi muốn tinh chỉnh kiểu dáng của cả hai trong số này

+2

Vâng, bạn có thể ghi đè lên sự kiện khóa 'Ctrl-F' và biến nó thành của riêng bạn. –

+0

@Matt Bierner Bạn có thực hiện nó với css không? bởi vì nó rất dễ dàng để viết với kịch bản java. – aghilpro

+0

Tôi thực sự không quan tâm nó được thực hiện như thế nào, trừ khi bạn có thể thuyết phục tôi bằng cách khác, việc thực hiện tìm kiếm trang trong JS nghe giống như một trong những vấn đề dễ dàng đó là đáng ngạc nhiên khi nhận được chính xác –

Trả lời

1

Trong điện tử, bạn có thể sử dụng stopfindInPage để dừng tìm và lấy nét/kích hoạt lựa chọn (activateSelection - Lấy nét và nhấp vào nút chọn). Vì nó cũng có thể insert css, điều này có thể cho phép bạn chèn css để cập nhật các màu/bg = màu sắc của văn bản đã chọn, bằng cách sử dụng một cái gì đó như sau:

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

Tôi đã không thử nó, nó chỉ là một gợi ý khi nhìn vào API. Có một bài viết thú vị về css tricks rằng bạn cũng có thể tìm thấy hữu ích

Hope this helps, và rằng bạn tìm một giải pháp

EDIT:

Nếu bạn đang ở trên mac bạn có thể sử dụng setUserDefault trong tùy chọn hệ thống.

Bên cạnh đó, nếu bạn sử dụng Nathan Buchar's electron settings, bạn có thể sử dụng phương pháp set để điều chỉnh giá trị quan trọng (trong mac/windows/linux - xem mình faq)

+0

Cảm ơn bạn đã đề xuất. Thật không may, css lựa chọn không xử lý tìm trong các kết quả phù hợp với trang. Câu trả lời của bạn đã truyền cảm hứng cho tôi để xem xét thông qua các nguồn crom mặc dù, và tôi tin rằng tìm thấy nguồn tìm thấy màu sắc phù hợp: https://cs.chromium.org/chromium/src/third_party/WebKit/Source/core/layout/LayoutTheme. cpp? dr = CSs & l = 816 Có vẻ như chúng được mã hóa cứng? –

+0

@MattBierner xem các liên kết này; điều đầu tiên được đề xuất bởi nhà phát triển trên diễn đàn chrome: https://www.squarefree.com/bookmarklets/color.html. cũng điều tra https://www.jetbrains.com/help/clion/configuring-colors-and-fonts.html và https://developer.chrome.com/devtools/docs/elements-styles –

+0

@MattBierner liên kết đầu tiên là được đề xuất để trả lời truy vấn về cách thay đổi màu nền trong chrome nhưng tôi chắc chắn rằng nó có thể được điều chỉnh để chỉ thay đổi nền của văn bản đã chọn. Đây là liên kết diễn đàn: https://productforums.google.com/forum/#!topic/chrome/BnLnYe3SK8k (được đánh dấu là câu trả lời hay nhất) –

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

tải về liên kết mẫu: https://ws.onehub.com/files/64lj8llt –

+0

Điều này không thay đổi tìm kết quả. Chỉ các màu lựa chọn –

Các vấn đề liên quan