JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="text" value="nothing important"/>
  <input class="totallyvisible" type="text" value="YOUR CREDIT CARD" />
</div>

CSS

div {
  display: inline-block;
  background-color: white;
}
input {
  display: block;
  margin: 10px 10px 10px 10px;
}

.totallyvisible {
   color: white;
   border:none;
   background: white;
   cursor:default;
   outline: none;
}

.totallyvisible::selection {
   color: white;
   background: white;
}