Text caret shape

[Truemotion]

Tried to change it to block, as described here
But it doesn't work I can change the color in the browsers fields, but not the shape, with the code below. Any suggestions for the shape and forcing the caret to be with my color on every site?

input,
textarea,
[contenteditable] {
  caret-shape: block;
  caret-color: orange;
}

[Pathduck]

@Truemotion Hi, did you actually read the article?

"We don’t have a lot of browser support for caret-shape at the moment"
https://css-tricks.com/almanac/properties/c/caret-shape/#aa-browser-support

Also would be great to know, how to force color for selected text.

From the same site:
https://css-tricks.com/overriding-the-default-text-selection-color-with-css/

[Truemotion]

@Pathduck
My bad, I didn't... It's sad, I've get used to block caret after command line. Thank you.
But I have an idea, you could force any css style trough tampermonkey on any site, will take a try. It could be done without any plugin too, but js scripts sadly take a null icon in extensions and work sometimes strange.