JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="toto" />

JavaScript

function BlockInput() {
         var elements = document.getElementsByTagName('input');
         for (var i = 0; i < elements.length; i++) {
             elements[i].readOnly = true; // works
             elements[i].style.color = "#ff0000";// does not work!
             console.log(elements[i].style.color);
         }
     }

BlockInput();