溢出锚元素的全轮廓不可见

Question

我将锚标签包含在固定宽度的p标签中。 p tag＆＃39; s css textoverflow：省略号，溢出：隐藏。 当焦点在锚标签和内容溢出时，即a有一个长字符串，右边的轮廓是不可见的

我可以添加什么属性来使焦点上的右侧轮廓或边框可见？

Answer 1

你可以尝试这个jsfiddle：

<强> HTML

<p><a href="">VERY LONG TEXT AAAAAAAAAAAAARRRRRRRRRGGGGGGGGGGGHHHHHHHH</a></p>

<强> CSS

p {
  background: #dedede;
  width: 200px;
  text-overflow: ellipsis; 
  overflow : hidden;
}   

p:focus-within {
  overflow : initial;
}