我相信对于辅助功能案例，tab用于浏览页面上的不同元素，通常在Tabbed元素周围有一个虚线元素来表示它是焦点，我尝试研究这个，但是没有找到对以此状态为目标的css规则的引用。
答案 0 :(得分：1)
你想要的css选择器是：focus，就像 <form class="form-inline" method="POST" action="{{ action('Utility\PlayController@getPlay') }}">
{!! csrf_field() !!}
<div class="form-group">
<label class="sr-only" for="exampleInputAmount"></label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-btc"></i>
</div>
<input type="text" name="amount" maxlength="11" class="form-control" id="exampleInputAmount" value="0.00010000">
</div>
</div>
</br>
@for ($i = 1; $i <= 81; $i++)
<input type="hidden" name="id" value="{{$i}}">
<input type="image" name="submit" src="<?=asset('assets/img/box_closed.png')?>" border="0" alt="{{$i}}" />
@endfor
</form>
一样，但并不是所有东西都可以像这样标记。像锚，输入和按钮这样的东西可以用这种方式标记。我不知道更多的东西，但div，span，h1 / 2/3/4/5/6之类的东西无法标记。
另外需要注意的是，对某个项目进行制表并不是让它成为焦点的唯一方法。例如，一个锚点，您可以在其上按住鼠标左键，然后在放开之前将光标移开。这个项目将通过这样做来集中（如果你想在页面末尾附近设置一些东西，它可能有助于你的开发时间。）
答案 1 :(得分：1)
Tab键确实用于导航许多不同类型用户的页面部分。当您说＆＃34;对于无障碍案例＆＃34;然而，这可能意味着许多不同的事情。
屏幕阅读器用户通常依赖其他键盘操作来放置阅读＆＃34;光标＆＃34;关于标题，列表，表格等内容。这些不会从Tab键获得焦点。
仅限键盘的用户使用Tab键将焦点放在可操作的元素上，例如表单控件和链接。但是，对于阅读页面，键盘用户可以使用箭头键滚动，空格键一次向前移动屏幕，有时甚至可以使用Page Up，Page Down，Home和End键。在这些情况下，不需要视觉上的焦点指示，可能适得其反。
每个浏览器都有一个默认焦点＆＃34; ring＆＃34;它提供了可获得焦点的可操作元素。它可以是虚线到蓝色框，也可以是浏览器制造商决定的任何内容。
当使用背景颜色或可能遮挡聚焦环的纹理时，用户并不总是容易看到这一点。因此，您不能依赖浏览器默认设置来获得最佳可访问性。
另请注意，许多库/框架使用类似outline : none的样式声明显式禁用了焦点环。这是不好的做法。
为了您想要显示对焦环，请注意只有可操作的项目才能获得焦点。您可以使用tabindex="0"强制它，但这对屏幕阅读器和键盘用户来说通常弊大于利。
要用于设置具有焦点的内容的CSS选择器为:focus。举个例子，你可以试试:focus {outline: 2px solid #f00;box-shadow: 0 0 2em rgba(255,255,255,.75);}，这会给你一个红色边框和白色外发光（阴影）。
所以，回顾一下：
:focus。tabindex来应用焦点样式。