Search code examples
htmlcssfrontendweb-frontend

How can I get colorful input tags?


I am working on my practice project and want to get such a jaw droping coloured tags. Can someone please explain me how can I get them ,which libaray to use !

enter image description here


Solution

  • As Jordi explained, it's pretty easy to do with some very basic css.

    .label{padding: 5px 10px; color: #fff;}
    .red{background-color: #da4453}
    .blue{background-color: #3bafda;}
    
    <span class="label red">red label</span>
    <span class="label blue">blue label</span>
    

    Bootstrap, Foundation and few other frameworks are there if you want to use predefined stuff, but would be an overkill if you only want to accomplish this.

    Bootflat has a good colour scheme - http://bootflat.github.io/documentation.html