Jak mogę zapobiec przeglądaniu strony przez przeglądarkę po kliknięciu pola wyboru?

Question

Jul 31, 2013, 05:07 PM

Jak mogę zapobiec przeglądaniu strony przez przeglądarkę po kliknięciu pola wyboru?

Ilekroć klikam pole wyboru, okno przeglądarki (firefox) przewija się w górnej części ekranu.
Jak mogę zapobiec takiemu zachowaniu, więc po kliknięciu pola wyboru okno przeglądarki nie przewinie się na górze?
Oto kod znaleziony tutajhttp://jsfiddle.net/zAFND/6/
Dziękuję Ci.

<html>
    <head>
        <title>Test</title>
        <style>
            div label input {
                margin-right: 100px;
            }

            body {
                font-family:sans-serif;
            }

            #ck-button {
                margin: 4px;
                background-color: #EFEFEF;
                border-radius: 4px;
                border: 1px solid #D0D0D0;
                overflow: auto;
                float: left;
            }

            #ck-button {
                margin: 4px;
                background-color: #EFEFEF;
                border-radius: 4px;
                border: 1px solid #D0D0D0;
                overflow: auto;
                float: left;
            }

            #ck-button:hover {
                margin: 4px;
                background-color: #EFEFEF;
                border-radius: 4px;
                border: 1px solid red;
                overflow: auto;
                float: left;
                color: red;
            }

            #ck-button label {
                float: left;
                width: 4.0em;
            }

            #ck-button label span {
                text-align: center;
                padding: 3px 0px;
                display: block;
            }

            #ck-button label input {
                position: absolute;
                top: -20px;
            }

            #ck-button input:checked + span {
                background-color: #911;
                color: #fff;
            }
        </style>    
</head>
    <body>
        <br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <div id="ck-button">
            <label>
                <input type="checkbox" value="1"><span>red</span>
            </label>
        </div>
    </body>