我有点困惑的CSS轮廓属性在Firefox 7或更低版本上呈现的方式.
这显然在某个地方有问题,但是我找不到.
这显然在某个地方有问题,但是我找不到.
它在所有其他主要浏览器(Opera,Chrome,IE,Safari)上都可以正常工作.
我添加了几个屏幕截图以供参考.一个来自Firefox：
另一个来自Chrome：
这是CSS：
form#commentform input:focus { outline: 2px outset #717377 }
这是XHTML：
<form id="commentform">
<div>
<label for="name">
<strong>
Nom
<span id="sname"></span>
</strong>
</label>
<input type="text" tabindex="1" id="name" name="name" class="textBox" />
</div>
...
</form>
我该如何解决？
解决方法
Firefox的轮廓围绕着盒子阴影(不在里面). 所以你必须使用一个额外的规则来服务它(使用css hack)：outline-offset：-X(X = shadow的长度).
