相关疑难解决方法(0)

如何在不使用任何图像或span标签的情况下通过CSS在UL/LI html列表中设置Bullet颜色

想象一下包含一些<li>项目的简单未排序列表.现在,我已经将子弹定义为方形通过list-style:square;但是,如果我设置了<li>项目的颜色,color: #F00;那么一切都变成了红色!

虽然我只想设置方形子弹的颜色.是否有一种优雅的方式来定义CSS中子弹的颜色......

...不使用任何精灵图像也不使用span标签!

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>
Run Code Online (Sandbox Code Playgroud)

CSS

li{
   list-style:square;
}
Run Code Online (Sandbox Code Playgroud)

css layout colors css3 html-lists

503
推荐指数
13
解决办法
81万
查看次数

红点类似于HTML中的"li"元素

我有这样的HTML代码:

<tr>    
  <td align="left" valign="bottom"  class="leftfooter"><a href="#">Customer Support</a> <a href="#" class="footerlink">About</a></td>
</tr>
Run Code Online (Sandbox Code Playgroud)

如何在整个文本前放置一个小红点?有一些像

  • 但是红色和更小.

    编辑

    只是为了澄清,我没有写这个HTML.我只是复制并粘贴它以显示我正在使用的内容.我意识到出于语义原因,为了这个目的,我应该使用无序列表来执行相同的任务而不是表结构.如果可以的话,我会看看是否可以将这段代码修改为客户代码库中更合适的代码.

  • html css layout

    3
    推荐指数
    2
    解决办法
    8123
    查看次数

    标签 统计

    css ×2

    layout ×2

    colors ×1

    css3 ×1

    html ×1

    html-lists ×1