Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ring inline style

See original GitHub issue

Hello, I am using this plugin, but when I add focus:ring-purple-800 the purple color doesn’t affect the input. I checked it in the in the element section of dev tools and I found out an inline style was set to the input and in there the ring color was blue. Should I do something to disable the default inline style?

Issue Analytics

State:
Created 3 years ago
Comments:9 (5 by maintainers)

Top GitHub Comments

1reaction

antfucommented, Feb 18, 2021

Thanks! When you release it I will update the deps and close this then.

1reaction

voorjaarcommented, Feb 18, 2021

Variable --tw-ring-opacity is missing in the generated css. @voorjaar do you have any idea on this?

https://github.com/windicss/windicss/commit/6993b1713e5e1cd520e8c0468b0346a188d3473b fix this.

Top Results From Across the Web

Ring Width - Tailwind CSS

Use the ring-{width} utilities to apply solid box-shadow of a specific thickness to an element. Rings are a semi-transparent blue color by default,...

What's New?</inline> - Rings of Champions

2018 Boston Red Sox "World Series" Champions 14K Gold & Diamond Player's Ring. This incredible ring is thought to be the only Player's...

focus-visible - CSS: Cascading Style Sheets - MDN Web Docs

This selector is useful to provide a different focus indicator based on the user's input modality (mouse vs. keyboard). Syntax. :focus-visible ...

JTECH "D" Ring Style Headset with In-Line Push-to-Talk

The JTECH 56517 compatible headset/earpiece with inline PTT microphone provides comfort and hands-free operation with a non-invasive hygienic, over-the-ear ...

Trying to append "!important" to an inline style created with JS

important' to my inline style that I am dynamically creating using JS in order to override several CSS styles that exist in stylesheets ......