JSFiddle - React, Tailwind, and code Playground

HTML

<label for="bankName"><span>*</span>Bank Name</label>
    <input type="text"  id="bankName" name="bankName" />

    <label for="bankAddress"><span>*</span>Bank Address</label>
    <input type="text"  id="bankAddress" name="bankAddress" />
    <br>
    <label class="class1"></label>
    <br>
    <label class="class1 class2"></label>

CSS

/* all "*" spans */
    label > span {
        color: silver;
        content: "\2713";
    }

    /* differet style for bankName's "*" span */
    label[for=bankName] > span {
        color: red;
    }

    /* differet style for bankAddress's "*" span */
    label[for=bankAddress] > span {
        color: green;
        content: "\2713";
    }
    .class1:before {
      height:14px;
      width: 14px;
      font: 16px/1em sans-serif;
      content: "\00a0";
      border: 1px solid #333;
      display: inline-block;
      marging: 0;
      padding: 0;
    }
    .class2:before {
      content: "\2713";
    }