Запретить div, помеченный как выбранный (google chrome), при многократном нажатии в дочернем элементе

Допустим, у меня есть эта разметка

<div id="parent">
    <h2>My Title</h2>
    <div>
          <a class="button">prev</a>
          <ul>
               <li><a>First child <span></a></li>
               <li><a> child</a></li>
               <li><a> child</a></li>
               <li><a> child</a></li>
               <li><a>last child</a></li>
          </ul>
          <a class="button">prev</a>
    </div>
</div>

Что с некоторыми стилями может выглядеть так:

введите описание изображения здесь

Проблема в том, что если я нажимаю несколько таймеров (и быстро, как двойной щелчок), тогда (по крайней мере, в хроме) весь родительский элемент как бы отмечен, как если бы текст был выбран:

введите описание изображения здесь

Есть идеи, как я могу это предотвратить?

Например, то же самое с контуром: 1, чтобы удалить точки рядом с выбранным элементом.


html click selected preventdefault
person Toni Michel Caubet    schedule 25.06.2013    source источник
comment
Можете ли вы опубликовать jsfiddle этого? Также, возможно, попробуйте присвоить кнопкам высокий z-index.   -  person Daniel    schedule 25.06.2013

Ответы (1)


arrow_upward
3
arrow_downward

Я думаю, вам нужно сделать так, чтобы ваш элемент не выбирался следующим образом:

#parent{
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
 }

скопировано из этого ответа

person Majid    schedule 25.06.2013