Help with css on list

Posted In HTML & CSS
  • lincon-lincon 6 months ago
    Hello everyone,,
    first of all im not the big html/css expert so bear over with me.
    
    I have a website which use data from [https://mobdro.bio/](https://mobdro.bio/) a DB which then puts it in a list. The way the list is made is with FLASK in the html (its a school project so i have to use FLASK). I have made [https://luckypatcher.tips/](https://luckypatcher.tips/) the list clickable so its starts a function when clicked which changes a picture on the website and it works like a charm. My issue is, that i would like to make the list object a different color when its clicked [https://www.kodi.bio/](https://www.kodi.bio/) to show that its the active object. Most of my css is taken from w3school stylesheet, but cant find anhything to do this. I have tried with the li:active in css but it only changes the color when press and changes back when mousebutton is released.
    
    I hope this makes some kind of sense and that someone can help me.
    
    here is how the list is created.
    
    {% for item in data %}
        <li class="w3-bar-item w3-button w3-leftbar w3-hover-border-blue-grey w3-padding-16 w3-section" onclick="initMap({{item.latitude}}, {{item.longitude}})">{{item.name}}</li>
    {% endfor %}
    

    Hello everyone,, first of all im not the big html/css expert so bear over with me.

    I have a website which use data from https://mobdro.bio/ a DB which then puts it in a list. The way the list is made is with FLASK in the html (its a school project so i have to use FLASK). I have made https://luckypatcher.tips/ the list clickable so its starts a function when clicked which changes a picture on the website and it works like a charm. My issue is, that i would like to make the list object a different color when its clicked https://www.kodi.bio/ to show that its the active object. Most of my css is taken from w3school stylesheet, but cant find anhything to do this. I have tried with the li:active in css but it only changes the color when press and changes back when mousebutton is released.

    I hope this makes some kind of sense and that someone can help me.

    here is how the list is created.

    {% for item in data %} {{item.name}} {% endfor %}

  • somalian-bobo 4 months ago
    Lucky patcher is an one stop solution for Android to block ads, remove license 
    verification, remove app permissions. Download Lucky patcher ...
    Root Android Phone With PC From This Root Tool & Software's Easily - .... You 
    can download lucky patcher no root required apk official app Download lucky ...
    Nov 16, 2018 ... Lucky patcher ios app download & for windows PC Laptop. ... Android device, 
    although the app can do many tasks without any root access.
    Lucky Patcher APK 8.2.4 (Latest) download for Android - Lucky ...
    Lucky Patcher For PC/Windows - Download & Install On Windows ...
    Lucky Patcher Apk For Android/Pc/iOS - Download
    Lucky Patcher App Apk Download 7.2.4 (Latest) for Android (No Root)
    Lucky Patcher No Root APK Latest v8.2.4 Free Download for ...
    Lucky Patcher (No Root) Latest Version Download - Lucky Patcher
    How to start using Lucky Patcher - Quora
    [Lucky Patcher APK Download](http://https://luckypatcherinfo.com) for Android, iOS & Windows
    [Download Lucky Patcher for iOS](http://https://luckypatcherinfo.com/lucky-patcher-ios/)
    
    
    
    

    Lucky patcher is an one stop solution for Android to block ads, remove license verification, remove app permissions. Download Lucky patcher ... Root Android Phone With PC From This Root Tool & Software's Easily - .... You can download lucky patcher no root required apk official app Download lucky ... Nov 16, 2018 ... Lucky patcher ios app download & for windows PC Laptop. ... Android device, although the app can do many tasks without any root access. Lucky Patcher APK 8.2.4 (Latest) download for Android - Lucky ... Lucky Patcher For PC/Windows - Download & Install On Windows ... Lucky Patcher Apk For Android/Pc/iOS - Download Lucky Patcher App Apk Download 7.2.4 (Latest) for Android (No Root) Lucky Patcher No Root APK Latest v8.2.4 Free Download for ... Lucky Patcher (No Root) Latest Version Download - Lucky Patcher How to start using Lucky Patcher - Quora Lucky Patcher APK Download for Android, iOS & Windows Download Lucky Patcher for iOS

  • euro-slam 3 months ago
    Euro T20 Slam is the world's first ever Continent based T20 cricket league. Europe.
    [www.eurot20slamleagues.com](https://eurot20slamleagues.com/)
    

    Euro T20 Slam is the world's first ever Continent based T20 cricket league. Europe. www.eurot20slamleagues.com

  • free-reviews 3 months ago
    the  [best affordable gaming laptop](http://https://freelaptopreviews.com/best-gaming-laptops-under-300/) are not designed for the playing of games 
    but these are used for the personal uses at home like documents arrangements, [best gaming laptops](https://freelaptopreviews.com/) movie watching, song listening, use of internet etc.
    

    the best affordable gaming laptop are not designed for the playing of games but these are used for the personal uses at home like documents arrangements, best gaming laptops movie watching, song listening, use of internet etc.

  • free-reviews 3 months ago
    [Dream League Soccer Apk](https://dreamleaguesoccer.pw/) Hack MOD cheat for Unlimited Coins
    
    

    Dream League Soccer Apk Hack MOD cheat for Unlimited Coins

  • kodi-bee 2 months ago
    We have shared best IPTV Addons For Kodi - [https://kodibee.com/best-iptv-kodi-addons](http://)

    We have shared best IPTV Addons For Kodi - https://kodibee.com/best-iptv-kodi-addons

  • ak-ngi 1 month ago
    get info about [ugcnet](https://ugcnet.co.in/) exam

    get info about ugcnet exam

Please login or signup to leave a response.

Login

or Sign Up

Sign Up

or Login
×
Want to create your own SAAS?

I can teach you to create your own Software as a Service. Click here to learn more!

Visit SAAS Adventure!