css - 制作 :focus work in ie7 using css?

标签 css forms internet-explorer-7 focus

有没有简单的破解方法?我宁愿避免使用 javascript。

最佳答案

IE6/7 不支持任何:focus

您可以使用这个 jQuery 片段,为他们处理 :focus:

jQuery(function($) {
    $(".block div").bind('focus blur',function(){$(this).toggleClass('focus')});
});

用法:

.block div:focus { background: #ccc; } /* For all browser, except IE6/7 */
.block div.focus { *background: #ccc; } /* For IE6/7 */

您应该在新行上重复 :focus 的所有样式。别忘了 star hack - *

关于css - 制作 :focus work in ie7 using css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2808012/

相关文章:

html - 页面中间的完美居中按钮

按钮的 CSS 样式 : Using &lt;input type="button> instead of <button>

html - httr:使用 POST() 检索数据

css - IE6 和 IE7 上的 float 问题

jquery - tablesorter,不会按日期正确排序

javascript - 如何设置<tr>高度0?

javascript - 一个 HTML 表单,其中包含用于不同任务的多个提交按钮

javascript - 如何为表格制作表格单元格输入

javascript - 在 IE7 中控制打印尺寸

css - IE7 中的菜单悬停 z-index 错误