Changing a background-color

[jPaulB]

Hi Everybody,

I have a form, that is using Font-Awesome icons.

<span class="input-group-text"><i class="fa fa-user fa-2x" style="background-color: #7DD4A8; color: #0000FF;" arial-hidden="true"></i></span>

As you can see, the colour of the icon is proper, the background-color is proper, but the icon is contained in a white box.
How can I change the colour of that white box to match the background-color?

 

[BigDady]

Your span is contained in what? That's were the color change is.

 

[VBService]

As @BigDady said, check container e.g.

<div class="row">
  <label for="name">
    <span class="input-group-text">
      <i class="fa fa-user fa-2x" style="background-color: #7DD4A8; color: #0000FF;" arial-hidden="true"></i>     
    </span>
  </label>
  <input type="text" id="name" name="name" placeholder="Enter Your Name">
</div>

<style>
  .row {
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 2.5rem;
    width: 20rem;
    background-color: #7DD4A8; 
    padding: .4rem 1rem;
    border-left: .25rem solid orangered;
  }
  .row input {
    height: 2.5rem;
    padding: 0 .5rem;
  } 
</style>