JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<input
    type="text"
    class="form-control"
    id="test-case"
    value="text with background-color" />

CSS

input#test-case {
    margin:12px;
    width:300px;
    
    text-shadow:    -2px -2px 50px gold,
                    -2px -2px 50px gold,
                    -2px -2px 50px gold,
                    -1px -1px 50px gold,
                    -1px -1px 50px gold,
                    -1px -1px 50px gold,
                    0 0 50px gold,
                    0 0 50px gold,
                    0 0 50px gold,
                    1px 1px 50px gold,
                    1px 1px 50px gold,
                    1px 1px 50px gold,
                    2px 2px 50px gold,
                    2px 2px 50px gold,
                    2px 2px 50px gold;
}