What is the browser-default background color when selecting text?
css, html
Solution
- Safari 6.0.3 Mac*: `#B4D5FE`
- Chrome 26.0.1410.65 Mac*: `#ACCEF7`
- Firefox 19.0 Mac*: `#B4D5FF`
- Chrome 26.0.1410.64 m Windows 8+: `#3297FD`
- Firefox 20.0.1 Windows 8+: `#3399FF`
- Safari 5.1.7 Windows 8+: `#3298FD`
- Internet Explorer 10.0.4 Windows 8+: `#3399FF`
- Chrome 107.0.5304.88 Windows 11: `rgba(0, 116, 255, 0.8)` or `#0074ffcc`
*Found using ColorSnapper for Mac
+Found using ColorSchemer for Windows
And here's a screenshot of that information with the hex color codes highlighted in the same color:
This will be a never-ending list, however, since each...
- Browser
- Operating System
- Browser Version (maybe)
...will probably have a different color. Also, as of CSS3, you can change the color using:
::selection{
background-color:#000;
}
Problem
When you select text in a webpage, the background gets a default blue color. What exact color code does this blue color have?