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
HorecaVloeren.nl | Mooie en sterke domeinnaam | Geen reserveDomein te koopActieve dropship webshop te koop incl proces en netwerkWebsite te koopdrie franse domeinnamen te koop met hoge mnd zoekopdr vakantie en sneakersDomein te koopLaat goedkoop jouw artikelen schrijven en publiceren op unieke blogs met mooie statsLinkpartners -
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