小编use*_*600的帖子

CSS大纲无法在Firefox中正确呈现

我对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)

我怎么解决这个问题?

css firefox outline

12
推荐指数
1
解决办法
6247
查看次数

表单元素不尊重Opera中的CSS垂直对齐

我在导航栏中插入了一个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)

有什么聪明的头脑可以提供一些见解吗?非常感谢!

css opera alignment

5
推荐指数
1
解决办法
2233
查看次数

标签 统计

css ×2

alignment ×1

firefox ×1

opera ×1

outline ×1