Making an asterisk in a label red

Issue

I have the following .html markup

.html

    <paper-button
        raised
        active
        toggles
        on-tap = "toggler"
        class = "bold">Patient *
      <iron-icon
          icon = ""
          id = "fe-icon"></iron-icon>
    </paper-button>
  </div>

How can I make the * in Patient * red without the entire label being red, and also make the asterisk larger?

Solution

Just wrap it with a <span> like >Patient <span class="asterisk">*</span></iron-icon> then you can style it individually.

Answered By – Günter Zöchbauer

Answer Checked By – David Goodson (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published.