<div class="show">
		<div class="demo">
			<details open="">
				<summary tabindex="-1">
					<a href="javascript:">这是示例</a>
				</summary>
				<content>点击无外框,键盘focus有。</content>
			</details>
		</div>
	</div>
body {
  display: flex;
  justify-content: center;
  padding: 2vw;
}
.show{
  padding-bottom:20px;
  min-width: 50vw;
}
.show h5{
  font-size:13px; 
  line-height:20px; 
  padding:10px 0 2px 2px; 
  margin:0 0 0 8px;
}
.demo{
  padding:10px;
}
details {
  margin: 1rem 0;
}
details:active,
details:focus,
summary:active,
summary:focus{
  outline: none 0;
}

summary {
  user-select: none;
  outline: 0;
}
summary a {
  color: inherit;
  pointer-events: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.