大佬教程收集整理的这篇文章主要介绍了jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<SELEct style="BACkground-color:#e0f0f1"> <option SELEcted="SELEcted">SELEct</option> <option class="" value="one">One</option> <option class="" value="two">Two</option> </SELEct>
在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(); }); });
以上是大佬教程为你收集整理的jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?全部内容,希望文章能够帮你解决jquery – 如何在IE和Opera中修改SELECT标签的默认突出显示行为?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。