个人中心
gpt4 book ai didi

html - 在 IE8 及以下版本中使用 selectivizr 的 CSS3 伪类

转载 作者：太空宇宙 更新时间：2023-11-03 18:19:36 25 4
gpt4 key购买 nike

如果 :checked with selectivizr，我的 radio 输入样式有问题。你能帮我如何让它与 selectivizr 一起工作吗？如果有另一种方法如何做到这一点请写在下面。这是我网站的链接:test_radio_buttons下面是我的 CSS 和 HTML 代码？感谢大家的时间和努力。

HTML:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="lolkittens" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="checked-polyfill.js"></script>
     <script>
        $( document ).ready(function(){
            $('input:radio').checkedPolyfill();
       });
     </script>
    <link href="style.css" rel="stylesheet" />
    <title>Radio</title>

</head>

<body>

<form>
    <input type="radio" id="musi_se_jmenovat_stejne1" name="address" />
    <label for="musi_se_jmenovat_stejne1"></label>
    <input type="radio" id="musi_se_jmenovat_stejne2" name="address" />
    <label for="musi_se_jmenovat_stejne2"></label>
</form>

</body>
</html>

CSS:

input[type="radio"]{
    display:none;
}

input[type="radio"] + label
{
    background: url('radio_un.gif');
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type="radio"]:checked + label
{
    background: url('radio_in.gif');
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}
input[type="radio"].checked + label{
    background: url('radio_in.gif');
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

最佳答案

像这里这样的多边形填充:https://github.com/rdebeasi/checked-polyfill为我工作。当在标签上触发 onchange 事件时，它在 IE8 中添加了一个 checked 类。

我确实记得在使用 selectivizr 时遇到过问题并使这项工作成功。
在这里查看 fiddle :http://fiddle.jshell.net/5a7Gj/15/
在浏览器堆栈上的 IE8 中测试，它不适用于 selectivr。它不添加任何检查类。

input[type="radio"]:checked + label
{
    background: url('radio_in.gif');
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type="radio"].checked
{
    background: url('radio_in.gif');
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

关于html - 在 IE8 及以下版本中使用 selectivizr 的 CSS3 伪类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22117133/

25 4 0
文章推荐： c# - 在这种情况下如何返回 List
文章推荐： python - 如何让正则表达式返回字符串(而不是正则表达式对象)？
文章推荐： ruby-on-rails - 如何在 Rails 上创建 Controller 和模型后仅创建 View
文章推荐： javascript - 在 HTML 小部件中横向滚动
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com