Skip to main content
etiquetas editadas
Enlace
gbianchi
  • 20.6k
  • 13
  • 40
  • 60
se eliminaron 470 caracteres en el cuerpo
Origen Enlace

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

<div className="box">
                            <select className="select-css btn mr-2" onChange={ handleChange("category") }>
                                <option valu="All">Pick category</option>
                                { categories.map((cat, i) => 
                                    (<option key={i} value={cat._id} >
                                    {cat.name}
                                    </option>)) }
                            </select>
                        </div>

<div className="box">
   <select className="select-css btn mr-2" onChange={ handleChange("category") }>
      <option valu="All">Pick category</option>
         { categories.map((cat, i) => (<option key={i} value={cat._id} > {cat.name}
      </option>)) 
         }
   </select>
</div>

.box:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #fff;
}
Mi CSS

 
.box:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f078';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 50px;
   height: 50px;
   color: #fff;
}

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

<div className="box">
                            <select className="select-css btn mr-2" onChange={ handleChange("category") }>
                                <option valu="All">Pick category</option>
                                { categories.map((cat, i) => 
                                    (<option key={i} value={cat._id} >
                                    {cat.name}
                                    </option>)) }
                            </select>
                        </div>

.box:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #fff;
}

 

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

<div className="box">
   <select className="select-css btn mr-2" onChange={ handleChange("category") }>
      <option valu="All">Pick category</option>
         { categories.map((cat, i) => (<option key={i} value={cat._id} > {cat.name}
      </option>)) 
         }
   </select>
</div>

Mi CSS

.box:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: '\f078';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 50px;
   height: 50px;
   color: #fff;
}
agregando codigo HTML
Origen Enlace

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

<div className="box">
                            <select className="select-css btn mr-2" onChange={ handleChange("category") }>
                                <option valu="All">Pick category</option>
                                { categories.map((cat, i) => 
                                    (<option key={i} value={cat._id} >
                                    {cat.name}
                                    </option>)) }
                            </select>
                        </div>

.box:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #fff;
}

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

.box:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #fff;
}

No me muestra el ícono, le agregue font-weight y font-family asi que no sé por qué no esta funcionando, este es mi código.

<div className="box">
                            <select className="select-css btn mr-2" onChange={ handleChange("category") }>
                                <option valu="All">Pick category</option>
                                { categories.map((cat, i) => 
                                    (<option key={i} value={cat._id} >
                                    {cat.name}
                                    </option>)) }
                            </select>
                        </div>

.box:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #fff;
}

Origen Enlace
Loading