caret-color in CSS

 The 'caret-color' CSS property changes the color of the flashing bar which shows the point at which text will be inserted.


The 'caret-color' property applies to 'input', 'textarea', and text with the 'contenteditable' HTML attribute set.


If the 'caret-color' is not set then the color is the color of the 'input' element.


It seems a good idea to set the 'caret-color' on the ':focus' CSS selector.


  The 'caret-color' can be animated with 'keyframes' in CSS.


This animation does not seem to affect the performance of my page.  I was worried about the performance as changing the colour will not run on the GPU.


There are more tips at: bbingo.xyz/t

Comments

Post a Comment

Popular posts from this blog

webkit-tap-highlight-color in CSS

 I almost used '-webkit-tap-highlight-color' to remove the blue highlight when you tap an item on a mobile with Chrome.  My item had an odd shape. But it seems you also need to set 'outline: none' on recent versions of Chrome. But this causes an accessibility problem. So I just gave my item a regular shape and kept the blue highlight There are more tips at:  bbingo.xyz/techtips/
Read more

Steve Jobs quotes

 There are some good quotes from Steve Jobs at 'wikiquote.org'. Here are some:     - "I would trade all of my technology for an afternoon with Socrates",     - "Real artists ship",     - "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?",     - "It's more fun to be a pirate than to join the Navy",     - "The only problem with Microsoft is they just have no taste",     - "We hired truly great people and gave them the room to do great work",     - "The management philosophy here really is to give people enough rope to hang themselves",     - "You've got to start with the customer experience and work backwards to the technology",     - "Nobody has tried to swallow us since I've been here. I think they are afraid how we would taste.",     - "It looks like it's from another planet. A good planet. A planet with bet
Read more