我尝试了就其他职位提出的许多解决办法。 没有从事macOS Solar和Siissa的工程。 我失踪了什么,我如何从“博布”中删除三角形的标识?
以下文体使用的代码比我最初写的多,但显示我如何尝试其他职位所建议的一切。
而且,它过度使用<条码>! 进口 旗帜,可以推断出它们的工作。
它还使用粗颜色来说明哪些因素。
现场:https://jsbin.com/cepufayodo/edit?html,css,output
<nav class="panel" id="panel">
<ul>
<li><a class="major" href="#alice">Alice</a></li>
<li><details class="major">
<summary>Bob</summary>
<a class="minor" href="#apple">Apple</a>
<a class="minor" href="#berry">Berry</a>
<a class="minor" href="#cherry">Cherry</a>
</details></li>
<li><a class="major" href="#carol">Carol</a></li>
</ul>
</nav>
*,
*::before,
*::after {
box-sizing: border-box;
list-style: none !important;
}
::-ms-details-marker,
::-moz-details-marker,
::-webkit-details-marker,
::details-marker,
::-ms-marker,
::-moz-marker,
::-webkit-marker,
::marker,
summary::-ms-details-marker,
summary::-moz-details-marker,
summary::-webkit-details-marker,
summary::details-marker,
summary::-ms-marker,
summary::-moz-marker,
summary::-webkit-marker,
summary::marker {
color: red !important;
content: !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
details,
summary {
color: orange !important;
display: block !important;
list-style: none !important;
padding: 0 !important;
}
details::before,
summary::before {
color: yellow !important;
content: !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
details::after,
summary::after {
color: yellow !important;
content: !important;
content-visibility: hidden !important;
display: none !important;
list-style: none !important;
opacity: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
.major {
border: 2px solid yellow;
color: green;
}
.minor {
border: 1px dashed pink;
color: gray;
}
.panel a,
.panel summary {
background-color: wheat;
cursor: pointer;
display: block;
height: 40px;
width: 100%;
}
.panel li {
list-style: none;
margin: 0 auto;
text-align: center;
}