Как убрать outline с тега details?

637

07 февраля 2017, 18:59

На теге details при клике в Safari и Chrome появляется обводка. На вид это обычный outline, однако через стили он не обнуляется:

:active, :hover, :focus { 
    outline: 0; 
    outline-offset: 0; 
} 
 
details { 
    outline: 0; 
    outline-offset: 0; 
}

<details> 
  Свой заголовок 
  <p>Текст</p> 
</details>

Как убрать эту обводку c details?

Answer 1

summary {
    outline: none;
}

Answer 2

Там outline при focus

details:focus, 
summary:focus { 
  outline: 0; 
  outline: none; 
}

<details> 
  <summary>Свой заголовок</summary> 
  <p>Текст</p> 
</details>

Answer 3

может так? :

details {
    outline: none;
}

ТОП-10

Хотелось бы хотя б 1 пример использования historyscrollRestoration

519

У спецификации HTML 51 появились эти интересные елементы

471

413

Подскажите, как можно реализовать в html и css такие полуокружности под фотографиями? Border тут не подойдёт, как я понимаю

583