3

IE 9 和更早版本的 IE 浏览器在我的复选框周围放置虚线时出现问题。似乎想调用 post textarea 并 post input 在复选框周围添加边框，然后调用 post input focus 并在其周围放置背景。

即使我将边框 0px 放在后期输入中，虚线也不会消失。没有其他浏览器 FF，chrome 这样做....与复选框 .reset 文件无关

IE 9 中的图像：http: //i46.tinypic.com/hvqj2g.png

代码调用：http: //i46.tinypic.com/30ic1f5.png

#post textarea,
#post input {
    border:1px solid #ddd;
}
#post textarea:focus {
     outline: none;
     ie-dummy: expression(this.hideFocus=true);
   }
#post input:focus {
    -moz-box-shadow: 0px 0px 0px 2px #eee ;
    -webkit-box-shadow: 0px 0px 0px 2px #eee ;
    box-shadow: 0px 0px 0px 2px #eee ;
    background: #fefcbe;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#post input#submit-btn{
    background: #eee;
    color:#444;
    text-shadow: 1px 1px 1px #fff;
}


Any ideas for IE 9?
4

3 回答 3

11

虚线是“焦点矩形”，不幸的是，在浏览器中实现的可用性功能不一致。正如您在评论中所说，如果您outline: none在元素上设置它会消失；从技术上讲，焦点矩形是浏览器默认样式表的轮廓。这意味着，除其他外，使用 Tab 键在页面内移动的人（可能因为他必须这样做）将看不到那里的任何焦点指示符，即看不到他在哪里。

根据 IE 9 的状态（Quirks 模式与“标准”模式），焦点矩形出现在复选框周围或相关标签周围。以上评论适用于“标准”模式。

如果不知道您的意思并且无法访问代码，则无法解决根据您的评论“它就像一个文本框”的问题。请发布实际代码或代码 URL，而不是包含代码片段图像的屏幕截图。

于 2012-05-22T04:44:46.017 回答
2

为我工作：

element:focus{
 outline: thin transparent;
}
于 2013-04-09T10:36:39.690 回答
-2

尝试在您的 HTML 元素中使用一些 javascript：

<input onclick="this.blur()" />
于 2012-05-21T20:16:40.237 回答