Как убрать стрелку сбоку от итогового элемента? - PullRequest
0 голосов
/ 24 марта 2020

У меня есть сводка в элементе подробностей:

<details>
  <summary>Hello</summary>
</details>

Я пытался:

summary {
  display: block; /* works in firefox */
  list-style: none; /* works in firefox */
}

/* didn't work in any browser */
summary::marker,
summary::-webkit-details-marker {
  display: none;
}

/* Solution for Chrome and Safari? */

Из этого вопроса Как скрыть стрелку, отображаемую по умолчанию для элемента HTML5

в Chrome? .

Но ни одно из этих решений на самом деле не работает в chrome.

Как убрать эту стрелку в chrome тоже?

1 Ответ

0 голосов
/ 24 марта 2020
    <!DOCTYPE html>
    <html>

    <head>
        <title>Page Title</title>
        <style>
            summary {
                display: block;
                /* works in firefox */
                list-style: none;
                /* works in firefox */
            }

            summary::after {
                display: block;
                list-style: none;
            }

            summary::-webkit-details-marker {
                display: none;
            }
        </style>
    </head>

    <body>

        <details>
            <summary>Hello</summary>
        </details>

    </body>

    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...