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
Duizenden linkmogelijkheden aangeboden.LinkpartnersLaat goedkoop jouw artikelen schrijven en publiceren op unieke blogs met mooie statsLinkpartnersdrie franse domeinnamen te koop met hoge mnd zoekopdr vakantie en sneakersDomein te koopSuperdeal voor Linkbuilding! 100 artikelen normaal €25 per stuk, nu €9,99!Freelance / Werk -
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