Question

我从我的前同事那里获得了用于登录表单的代码。有列表点，我要么想要它们

为白色而不是红色或
仅用于此登录表单

css文件很大，使用浏览器的开发工具，我了解了相关的css部分。但是首先是html：

<div id="content" class="">
<form id="fuLoginForm" class="InputfieldForm ng-pristine ng-valid" name="fuLoginForm" method="post" action="./" data-colspacing="1">
    <ul class="Inputfields">
        <li class="Inputfield InputfieldText Inputfield_username ui-widget InputfieldStateRequired" id="wrap_username">
           <div class="InputfieldContent ui-widget-content">
             <input id="username" class="required InputfieldMaxWidth" name="username" type="text" maxlength="2048" placeholder="Username">
            </div>
        </li>
    </ul>     
</form>

这是相关的CSS：

#right-sidebar ul > li::before, #content ul > li::before{
content: "▪ ";
padding-right: 10px;
color: #B41F2A;
}

这是我到目前为止尝试进行的测试。但是我不能只选择列表点。有没有办法用白色覆盖整个线条？

li[id="wrap_username"] {
  background-color: blue;
}

提前谢谢

编辑

这些点也用于其他页面。而且如果我认为content其他页面也会受到影响。这些点在其他页面上必须为红色，但正如我在此登录表单中未提到的那样。而且我不知道为什么我的前同事是这样做的。

Answer 1

根据您所提出的问题，我不希望您为此特殊表格显示方括号。您可以为此特定形式覆盖伪元素。

#fuLoginForm > ul > li::before{
  content: none
}

请参阅：https://jsfiddle.net/v8j16xdt/8/

CSS通过表单的ID摆脱列表点

1 个答案: