( ) Sure, any script adds weight, but at least it’s less work on my end, since I can just delete the script again once it’s no longer needed, without having to go through every line of CSS deleting redundant code. The extension is connected to a dictionary database and uses a special algorithm to retrieve the highlighted text, query the database and retrieve the definition for you in an elegant, simple, and well. ![]() I generally wait until all the browsers (or at least all but IE) have added support for the property sans prefix or I use Lea Verou’s prefix-free script. A chrome extension that allows you to highlight a word on the page, click on my extension and get a definition of the word you have highlighted. They add a lot of weight to the CSS and are not always well-supported. TBH, I’m not much for using all the prefixes. This simple change could change the way we use the web, how we search, and more. Opera may choose to support it, I suppose, but they are not obligated to do so. Chrome 90’s new link to highlight feature lets you link to any chunk of text on a web page, not just the page itself. Using color:#DFDCDC for this will not change the color of the highlighted text. The picture shows the delete key found on an Apple computer. For example, Ctrl + Alt + Del indicates pressing the Ctrl, Alt, and Del keys at the same time. ![]() It is sometimes used with other keys to perform certain actions on a computer, also known as keyboard shortcuts. As said in the article above, “background is the only property that works”, so declaring a color is just added typing. Del is a common abbreviation for delete and a key on a computer keyboard. What you can do for some extra flair, is change the selection color for different paragraphs or different sections of the page.Īll I did was use different selection color for paragraphs with different classes: p.red::selection. Within the selection selector, color and background are the only properties that work. It’s a nice touch for those using modern browsers, but it just gets ignored in other browsers and it’s not a big deal.īackground: #ffb7b7 /* WebKit/Blink Browsers */īackground: #ffb7b7 /* Gecko Browsers */ ![]() Fortunately, this can be thought of as one of those “forward-enhancement” techniques. At the time of this writing, only Safari and Firefox are supporting this, and both in slightly different ways. One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |