Als je witt tekst op een zwarte achtergrond plaatst in HTML en je gebruikt een list:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
dan worden de bullets automatisch zwart.
Er is geen liststyle om de bullets een andere kleur te geven?
De enige optie is dan om een plaatje te gebruiken?
- liststyle
-
22-03-2021, 19:13 #1
- Berichten
- 2.266
- Lid sinds
- 15 Jaar
liststyle
-
In de schijnwerper
Superdeal voor Linkbuilding! 100 artikelen normaal €25 per stuk, nu €9,99!Freelance / WerkUniek concept voor marketing en signing bureau's (eventspandoek.nl)Website te koopGoedkope 10 Gbps Virtual Private Server (VPS) in Nederland (Met PURE NVMe opslag!)HostingHoe sta jij er Online voor? Doe de Gratis Marketing Scan!Overige deals -
22-03-2021, 19:28 #2
- Berichten
- 386
- Lid sinds
- 15 Jaar
Re: liststyle
Er zijn meerdere mogelijkheden. Je kunt bijvoorbeeld de list items de kleur geven die je wilt hebben voor de bullets en dan een <span> om de tekst zelf plaatsen met een andere kleur.
Code:<html> <head> <style> li {color: red;} li > span {color: black;} </style> </head> <body> <ul> <li><span>Coffee</span></li> <li><span>Tea</span></li> <li><span>Milk</span></li> </ul> </body> </html>
Laatst aangepast door Tjerk de Heer : 22-03-2021 om 19:34
-
23-03-2021, 08:39 #3Webblish Content & Publishing
- Berichten
- 5.603
- Lid sinds
- 17 Jaar
Re: liststyle
Op deze manier hoef je de HTML niet aan te passen en kun je de bullet eventueel ook door heel veel andere symbolen vervangen: https://www.w3.org/Style/Examples/00...ullets.en.html
-
23-03-2021, 09:30 #4
- Berichten
- 694
- Lid sinds
- 14 Jaar
Re: liststyle
https://caniuse.com/?search=CSS%20%3...pseudo-element
Code:li::marker { color: red; }
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic