禁用用户悬停并单击以进行CSS评级

时间:2015-11-09 17:36:23

标签: css rating

我有以下评级的CSS代码,但我想禁用预加载星星的任何更改。 任何人有任何想法如何禁用鼠标悬停并单击?谢谢。
..................................

  <style>
        /****** Rating Starts *****/
        @import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

        fieldset, label { margin: 0; padding: 0; }
        body{ margin: 20px; }
        h1 { font-size: 1.5em; margin: 10px; }

        .rating { 
            border: none;
          //  float: left;
            float: right;
            //position: absolute;
        }

        .rating > input { display: none; } 


        .rating > label:before { 
            margin: 5px;
            font-size: 1.25em;
            font-family: FontAwesome;
        //    display: inline-block;
            content: "\f005";
        }

        .rating > .half:before { 
            content: "\f089";
            position: absolute;
        }

        .rating > label { 
            color: #ddd; 
            float: right; 
            //position: absolute;
        }


        .rating > input:checked ~ label, 
        .rating:not(:checked) > label:hover,  
        .rating:not(:checked) > label:hover ~ label { color: #FFD700;  }

        .rating > input:checked + label:hover, 
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, 
        .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }     


    </style>

0 个答案:

没有答案