JSFiddle - React, Tailwind, and code Playground

by ibasoglu

HTML

<input type="text" name="metin" value="veri">
<input type="text" value="metin">
<input type="text" value="metin giriniz">
<input type="text" value="metin-giriniz">

CSS

input[name]{
    background: #000;
    color: #fff;
    display: block;
}

input[value="metin"]{
    background: red;
    color: yellow;
    display: block;
}

input[value~="metin"]{
    font-weight: bold;
    display: block;
}

input[value|="metin"]{
    border: 2px dashed yellow;
}