how the highlighted text color and background is determined


Tags: html,css

Problem :

how the highlighted text color and background is determined?

I am aware how I can override it - here

I just would like to know how is it determined when not overriding.

Is it based on some other colors used in css?

I am looking to find why the selection color here is a blue one.

FireFox screenshot: enter image description here



Solution :

I just figured out..

If I set for :

from background:url(../images/center_bg.jpg)

to background:#fff url(../images/center_bg.jpg)

=> the selection color is like in chrome.


    CSS Howto..

    CSS: How to change spacing between radio button and it's text?

    How do I center “my” navigation bar?

    How to declare CSS font-face with font-weight and font-style properly?

    How can I make a full width videojs v5 progress bar?

    How to create dynamic CSS class in in extjs or javascript

    How to apply gradient to element with correctly display in IE9?

    How to animate the filling of a html element

    How do you add more than one css class to an using image_tag?

    How to apply css class to a based on respective $value in a of that row in a repeat region

    HTML CSS - How to render SQL nicely [closed]

    I need a max-margin CSS property, but it doesn't exist. How could I fake it?

    How to Create hidden CSS?

    Font Styling Issue ~ how to make font smooth/Strong in html css

    CSS: How to select elements by referencing the parent, not the child

    How do I get CSS table columns to line up?

    How to manipulate the CSS at runtime

    How to remove border of drop down list : CSS

    How to keep CSS style If I change the html content dynamically?

    How can I delete this “a” space under the images using CSS?

    How to use images in CSS that is used from Jade files rendered via Node.js

    advice about how to vertically center content in fluid element

    How do I put an image on top of an image without using absolute positioning?

    How to apply zoom transition on label and textbox simultaneously in HTML/CSS?

    How to stylize second level dropdown menu list

    How to correctly align left in CSS?

    How to set my Django form on the center of the page

    How to make a DIV float on top of another DIV without pushing down the CSS Underneath

    How to conditionally resize image if screen not wide enough, with CSS?

    how to edit the width of menu bar in dreamweaver

    Flexbox: how to get divs to fill up 100% of the container width without wrapping?