Как убрать обводку у тега details

Как вы знаете, у тега details есть обводка, которую я хочу убрать! Обводка возникает при определенных действиях на теге "details".

Убираем обводку у details

1. Пример удаления обводки у details

Пример удаления обводки у details

Первое, что мы сделаем, выведем тег details прямо здесь:

<details>
<summary>Пример обводки</summary>
Здесь текст, который невиден
</details>

Пример вывода обводки у details

Обводка у тега details может активироваться при нажатии.

Либо, в момент, когда вы нажимаете кнопку "esc".

Или какие-то другие варианты...

Обводка у тега details может быть как на примере, выводиться по умолчанию(auto):

Пример обводки

Здесь текст, который невиден

Это не совсем то, что нам нужно! Поэтому...

Удалим обводку у details

Для того, чтобы удалить обводку у details, нам просто надо написать кусочек css:


<style>
summary {
outline: none;
}
</style>


Смотрим пример удаленной обводки у details

Ну, теперь, можете пообнажиматься на теге details? в попытках вызвать обводку на экран.!

Пример обводки

Здесь текст, который невиден