jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的 HTML

<SELEct style="BACkground-color:#e0f0f1">
  <option SELEcted="SELEcted">SELEct</option>
  <option class="" value="one">One</option>
  <option class="" value="two">Two</option>
</SELEct>

See this code in action

在IE和Opera中,当您选择一个选项时,它会以蓝色背景颜色突出显示. Firefox,Chrome和Safari不会这样做.选择该选项时是否有一种方法或技巧可以删除该蓝色突出显示,以便始终显示原始背景颜色?

如果那是不可能的,有没有办法在选择选项后立即添加模拟页面上其他位置的单击的jQuery行为?因此,基本上当您单击远离所选选项时,突出显示消失.

解决方法

我想我找到了解决方案.也许这不是一个非常干净的解决方

我已经在Firefox,Chrome,Safari,Opera和IE 9中测试了它.适用于所有这些,但不适用于旧版本的IE(6和7).尚未在IE8中测试过.如果有人可以在Mac上测试它并告诉我这是否有效,那就太棒了.

添加一个宽度和高度为0的输入字段,并在单击选项时将焦点移动到它.在输入字段中使用display:none和visibility:hidden不起作用.因此,您将隐藏角落某处的输入字段,或者使用z-index将其移动到容器后面也可能会起作用(但尚未尝试过).如果有人有更好的解决方案,请告诉我.

HTML:

`<SELEct style="BACkground-color:#e0f0f1">
    <option SELEcted="SELEcted">SELEct</option>
    <option class="" value="one">One</option>
    <option class="" value="two">Two</option>
  </SELEct>
  <input type="text" id="abc" style="width:0; height:0;" />`

jQuery的:

$(document).ready(function(){
  $('SELEct option').on('click',function() { $('#abc').focus(); });
});

See this in Fiddle

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?全部内容,希望文章能够帮你解决jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。