专注于跨越Firefox-css的整个宽度的链接

Question

当选中或设置焦点在主页滑块上的右箭头以及播放和暂停按钮时，焦点会跨越Firefox中的整个宽度。在Chrome中运行良好，并希望在FF中也能获得相同的功能。非常感谢任何帮助。

随意check out staging site here

Answer 1

经过一番挖掘（强迫＆＃34;下一个＆＃34;链接以保持filename = "test" rrd_version = "0003" step = 2 last_update = 1460385371 header_size = 584 ds[ds0].index = 0 ds[ds0].type = "GAUGE" ds[ds0].minimal_heartbeat = 3 ds[ds0].min = NaN ds[ds0].max = NaN ds[ds0].last_ds = "23" ds[ds0].value = NaN ds[ds0].unknown_sec = 1 rra[0].cf = "AVERAGE" rra[0].rows = 288 rra[0].cur_row = 65 rra[0].pdp_per_row = 1 rra[0].xff = 0,0000000000e+00 rra[0].cdp_prep[0].value = NaN rra[0].cdp_prep[0].unknown_datapoints = 0 ）我认为它是:focus：

text-indent

第145行也有类似的规则。

如果您有权更改HTML和CSS，我会删除文本缩进规则。接下来，将您不希望显示的文本包装在带有类的范围中，并使用与Yahoo {{}}}相同的方法，例如

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  text-indent: -9999px;
  z-index: 9999;
}

CSS：

<a class="bx-next" href=""><span class="sr-only">Next</span></a>

我在FireFox上本地尝试了＃34; Next＆＃34;链接，它似乎工作，但让我知道，如果它没有。

编辑：我已经删除了.sr-only { height: 1px; width: 1px; clip: rect(1px,1px,1px,1px); overflow: hidden; position: absolute; } 的IE6 / 7版本，假设您不支持旧的浏览器。

Answer 2

看起来这些链接需要display:inline或内联块。 （编辑，这本来是一个评论）