September 30, 2022

Robotic Notes

All technology News

CSS accent-color

1 min read

For better or worse, form fields have been somewhat difficult to style with CSS. Form control display is dependent upon device, operating system, and browser, so you can imagine the difficulty in making styling easy. We have slowly been given some controls over form control display, as evidenced by accent-color!!

The accent-color CSS property allows us to change the accent of input, input[type=radio]and input[type=checkbox] elements!

input {
  accent-color: blue;
}

input[type=checkbox] {
  accent-color: red;
}

See the Pen by David Walsh (@darkwing) on ​​CodePen.

accent-color is a lovely addition to input CSS elements. I love any CSS feature that encourages using native elements instead of shimming your own to improve branding and design. Let’s hope for more CSS features like accent-color!!

Website performance monitoring
Website performance monitoring
Website performance monitoring
Website performance monitoring
  • fetch API

    fetch API

    One of the worst kept secrets about AJAX on the web is that the underlying API for it, XMLHttpRequest, wasn’t really made for what we’ve been using it for. We’ve done well to create elegant APIs around XHR but we know we can do better. Our effort to …

  • From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!
  • Create a Sheen Logo Effect with CSS
  • MooTools Wall Plugin

    MooTools Wall Plugin

    One of the more impressive MooTools plugins to hit the Forge recently was The Wall by Marco Dell’Anna. The Wall creates an endless grid of elements which can be grabbed and dragged, fading in elements as they are encountered. Let me show …



Source link