html – CSS3 IE9点击伪元素？_html-js-css

概述我有以下小提琴设置了一个关于如何使用 CSS3设置选择框样式的示例.我在IE9中遇到了麻烦.标签：before和label：在伪元素之后阻止它们所在的下拉箭头的“点击”动作.除了IE9之外,每个浏览器都可以正常工作.有谁知道如何调整这个工作？我全都耳朵！ http://jsfiddle.net/CXJTv/ 附：我只对css的想法感兴趣.我不希望JavaScript成为使其正常工作的要求. 使用零我有以下小提琴设置了一个关于如何使用 CSS3设置选择框样式的示例.我在IE9中遇到了麻烦.标签：before和label：在伪元素之后阻止它们所在的下拉箭头的“点击”动作.除了IE9之外,每个浏览器都可以正常工作.有谁知道如何调整这个工作？我全都耳朵！

http://jsfiddle.net/CXJTv/

附：我只对CSS的想法感兴趣.我不希望JavaScript成为使其正常工作的要求.

解决方法使用零不透明度的第二个选择：

<!DOCTYPE HTML>    <HTML>      <head>        <style>          #real { position: absolute; clip:rect(2px 51px 19px 2px); z-index:2; }          #fake { position: absolute; opacity: 0; }                    body > span { display:block; position: relative; wIDth: 64px; height: 21px; background: url(http://www.stackoverflow.com/favicon.ico) right 1px no-repeat; }        </style>      </head>      <span>        <select ID="real">          <option value="">Alpha</option>          <option value="">Beta</option>          <option value="">CharlIE</option>        </select>        <select ID="fake">          <option value="">Alpha</option>          <option value="">Beta</option>          <option value="">CharlIE</option>        </select>      </span>    </HTML>

总结

以上是内存溢出为你收集整理的html – CSS3 IE9点击伪元素？全部内容，希望文章能够帮你解决html – CSS3 IE9点击伪元素？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1059118.html