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
Goedkope 10 Gbps Virtual Private Server (VPS) in Nederland (Met PURE NVMe opslag!)Hosting77 geschreven en gepubliceerde artikelen voor 1k!AdvertentieruimteLaat goedkoop jouw artikelen schrijven en publiceren op unieke blogs met mooie statsLinkpartnersSSD Webhosting al vanaf €0,85 ! 5GB SSD Opslag - Onbeperkt Dataverkeer - SitebuilderHosting -
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.604
- 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