Question

i have an input tag that i use to search for text in the page.
I have this javascript:

var TRange=null;

function findString (str) {
    if (parseInt(navigator.appVersion)<4) return;
    var strFound;
    if (window.find) {

        // CODE FOR BROWSERS THAT SUPPORT window.find
        strFound=self.find(str);
        if (!strFound) {
            strFound=self.find(str,0,1);
            while (self.find(str,0,1)) continue;
        }
    }
    else if (navigator.appName.indexOf("Microsoft")!=-1) {

        // EXPLORER-SPECIFIC CODE

        if (TRange!=null) {
            TRange.collapse(false);
            strFound=TRange.findText(str);
            if (strFound) TRange.select();
        }
        if (TRange==null || strFound==0) {
            TRange=self.document.body.createTextRange();
            strFound=TRange.findText(str);
            if (strFound) TRange.select();
        }
    }
    else if (navigator.appName=="Opera") {
        $('#srchform2').hide();
        alert ("Il browser opera non è supportato")
        return;
    }
    if (!strFound) alert ("testo non trovato!")
    return;
}

when it found a word it point out that with gray color!
How can i change this color?

Answer 1

Depending on your browser it might or might not be supported. Here is essentially what you can do:

::selection {
        background: #ffb7b7; /* Safari */
        }
::-moz-selection {
        background: #ffb7b7; /* Firefox */
}

::-webkit-selection {
  background:#cc0000;  /* Webkit */
}