如何使高亮链接符合CSS形状的链接

Question

如何使链接轮廓（蓝色）符合CSS形状？我的意思是轮廓应该与链接边界的形状相同。

你介意链接，或帮我找到正确的词来形容它，所以我可以正确研究它，或者一些基本的修复？

Answer 1

您可以使用box-shadow（悬停查看）

＆＃13;

＆＃13;

button {
  width: 200px;
  height: 100px;
  background: cornflowerblue;
  border-radius: 5px 25px 5px 25px;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-left:0;
  border-right:0;
  outline: 0;
}
button:hover {
  box-shadow: 0 0 0 5px orange;
}

＆＃13;

<button></button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为你指的是outline属性。我认为这会对您的问题有所帮助:)）

button:focus{
 outline: none;
}