我对CSS outline属性在Firefox 7或更低版本上呈现的方式感到有些困惑.它显然在某个地方遇到了问题,但我找不到它.
它适用于所有其他主流浏览器(Opera,Chrome,IE,Safari).
我添加了一些截图供参考.一个来自Firefox:

另一个来自Chrome:

这是CSS:
form#commentform input:focus { outline: 2px outset #717377 }
Run Code Online (Sandbox Code Playgroud)
这是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>
Run Code Online (Sandbox Code Playgroud)
我怎么解决这个问题?
我在导航栏中插入了一个Google自定义搜索引擎表单,但我无法让它在Opera中居中对齐.所有浏览器都完全尊重垂直对齐(是的!甚至IE ...哇!).
您可以在www.micod.cat上查看(该网站不是英文版,但您可以轻松查看菜单栏中的搜索框,右侧).Opera正在推动表单输入字段与顶部齐平,这是不正确的.
这是该元素的CSS:
#menu li.find form div {
padding: 0;
margin: 0;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)
有什么聪明的头脑可以提供一些见解吗?非常感谢!