How can I get rid of the frame around the <details> and <summary> tags?


Jim

If you click, a gray-blue frame appears around the title. How to edit CSS and HTML?

<style>
summary::-webkit-details-marker {
    display:none;
    color:transparent;
</style>

Please visit https://jimmydance.com/belly-dance-history.html and check it out.

thanks

Sebastian

You just need to use:

summary {
    outline: none;
}

Demo : https://jsfiddle.net/Paf_Sebastien/vdxft2o3/ _

Related


How can I get rid of the white outline around the button?

GlaciemTech How can I get the white outline from this button? It's CSS, let me know if you think it's caused by something. .btn { background: linear-gradient(45deg, rgba(51, 197, 230, 0.5) 0%,rgba(51, 230, 131, 0.5) 50%,rgba(108,0,153,0.65) 100%); border-r

How can I get rid of some details that I don't want to show?

rota90 I don't know much about using ruby, I'm trying to display only the user's email but also the fields for all users, I don't understand where the problem is. Here is my index methodusers_controller def index @users=User.all end Here is mine index.html.er

How do I get rid of the space around the buttons in Nimbus LAF?

Labaz I need to put some JButtons in a small place, the problem is that Nimbus LAF automatically puts some space around them, and as a result, the buttons look smaller than they are. In the sample program below, I'm using a FlowLayout with 0 horizontal and ver

How can I get rid of the jittery dialog?

Ammy Kang: I am new to this and I want to close the dialog when the task is done. I tried before: Navigator.pop(context, true); But my screen goes black and the dialog is still there. Here is my dialog code. Dialog _dialog = new Dialog( child: new Row(

How can I get rid of this jump on slideToggle()?

J82 When I click on the "details[+]" text, there is a slight jump. How can I get rid of it? HTML <div class="slide-caption"><strong>The Catwalk</strong><hr><em>Holmby Hills, California</em> <hr> <span class="details">Details [+]</span> <span class="details-dis

How can I get rid of the extra columns?

turtle I just made a list of customers, got the customer details from the database, added them to the list, and added that list to the DataGrid, but I get a lot of extra columns! Here is my DataGrid xaml code: <DataGrid x:Name="dataGridC" HorizontalAlignment=

How can I get rid of this jump on slideToggle()?

J82 When I click on the "details[+]" text, there is a slight jump. How can I get rid of it? HTML <div class="slide-caption"><strong>The Catwalk</strong><hr><em>Holmby Hills, California</em> <hr> <span class="details">Details [+]</span> <span class="details-dis

How can I get rid of the $.each loop?

username I have a jquery loop in which I cut a json array into 5 and now I need to check if the key value is empty. Once I check 5 elements, if my condition is OK, it will print 5 data, but what if it doesn't? It shows me the same time as the other time. Here

How can I get rid of this regex slowness?

system I have the following regex: (\d+\s+[-]\s+.*?(?=\s+-)|\d+\s+[-].*) The regular expression will use this text "Option 01 - Random phrase - Top Menu", "Option 02 - Another Random Phrase - Su Menu", "Option 03 - More 01 Phrase - Menu", "Option 04 - More Ph