Search code examples
htmlcsswebkithtml-tag-detailshtml-tag-summary

details and summary: delete or hide "arrow"

Code:

<details>
        <summary>Що зробити:</summary>
<div class="txtinsummary">
текст text текст text текст text текст text 
текст text текст text текст text текст text 
</div>
</details>

How to remove the "arrow" in googleBrowser?

In the FFox screenshot "arrow" does not exist.

gesko

In Google Browser is present.

webkit

Is it possible to do so as in FFox?

Solution 

  • <!DOCTYPE html>
<html lang="ru">

<head>

    <style>

    summary{
    display: inline;
    {

    </style>

</head>

<body>

        <details>

        <summary>

        <div">menu1</div>

        </summary>

        <div>
        link or image or submenu
        </div>

        </details>

<br><br>
!!! I'm not sure that all browsers will correctly accept such code.

<br><br>
I did this on my site.

</body>
</html>

    enter image description here