Когда я нажимаю на ссылку, большинство браузеров тянет точечное поле вокруг этого. Как я могу предотвратить это?

Может быть, это то, что вы ищете:

from lxml import etree

code = """
 <html>
   <ul>
    <li data-i="sdfdsf">something</li>
    <li data-i="dsfd">something</li>
  </ul>
    <p data-para="cvcv">content</p> 
</html>

"""

xml = etree.XML(code)
elements = list(xml.iter())
for element in elements:
   if len(element.text.strip())>0:
      print('<'+element.tag+'>'+element.text+'</'+element.tag+'>')

Вывод:

<li>something</li>
<li>something</li>
<p>content</p>
6
задан mike 10 April 2009 в 17:41
поделиться

3 ответа

Поместите это в свой CSS

-moz-outline: none;
outline: none;

Вот более подробная разбивка и ] связанный с этим вопрос

10
ответ дан 8 December 2019 в 14:47
поделиться

http://css-tricks.com/removing-the-dotted-outline/

лучше использовать:

a:active {   
    outline: none;
}

или

a { 
    outline: none;
} 

это более конкретно. в противном случае вы можете подавить слишком много вещей одновременно. и если вы заботитесь о доступности, обязательно предоставьте пользователям, которые не могут использовать мышь, другой способ узнать, какая ссылка активна или сфокусирована.

5
ответ дан 8 December 2019 в 14:47
поделиться

Одним из вариантов является использование функции javascript blur для ссылки после ее нажатия. Функция blur удаляет фокус с ссылки, поэтому она не будет нарисована с помощью этого пунктирного прямоугольника вокруг него.

Если вы используете jQuery, вы можете реализовать такое решение, как это:

$(function() {
    $('a').click(function() {
        $(this).blur();
    });
});
1
ответ дан 8 December 2019 в 14:47
поделиться