Highlight Selected Text (CSS)

Greasy Fork is available in English.

Highlight Selected Text (CSS)

Dummy metadata to satisfy Stylus (JS not supported)

Ask a question, post a review, or report the script.

Wrap lines

/* ==UserStyle==
@name         Highlight Selected Text (CSS)
@namespace    greasyfork-highlight-selected-text
@version      1.0.0
@description  Dummy metadata to satisfy Stylus (JS not supported)
@license      MIT
@preprocessor default
@var text locale "Locale" "en"
==/UserStyle== */

/* ⚠️ UserCSS KHÔNG CHẠY JAVASCRIPT
   Script highlight bằng phím tắt sẽ KHÔNG hoạt động */

(function () {
    'use strict';

    function highlightSelection() {
        const selection = window.getSelection();

        if (!selection || selection.rangeCount === 0) return;

        const range = selection.getRangeAt(0);
        if (range.collapsed) return;

        const span = document.createElement('span');
        span.style.backgroundColor = 'yellow';

        try {
            range.surroundContents(span);
            selection.removeAllRanges();
        } catch (e) {
            console.warn('Unable to highlight selection:', e);
        }
    }

    document.addEventListener('keydown', function (e) {
        if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'h') {
            highlightSelection();
        }
    });
})();