2012-05-10 2 views
1

Я знаю, как использовать CSS, чтобы отключить или изменить внешний вид ссылок на веб-странице (т. Е. Теги привязки), но я бы хотел полностью отключить их. Я хотел бы сделать это для страницы установки букмарклета. Например, Delicious tools page имеет букмарклет, который вы можете перетащить в панель избранного браузера. Но на странице установки, потому что букмарклет неизбежно является ссылкой, вы также можете случайно нажать на нее, если хотите перетащить ее. Это может запутать новичков, поэтому я бы хотел отключить поведение ссылок в CSS, оставив HTML неповрежденным, поскольку он необходим для работы букмарклета.Можно ли отключить ссылку в CSS, например. для страницы установки букмарклета?

Я сомневаюсь, что это возможно, так как это изменение поведения, а не изменение форматирования, но было бы здорово, если это возможно?

ответ

4

Это невозможно с помощью простого CSS.

Однако, вы можете предотвратить браузер от перейдя по ссылке с помощью JavaScript/JQuery:

$("a.bookmarklet").click(function(e){ 
    e.preventDefault(); 
}); 

-- SEE DEMO --

+1

Даже если ваш ответ действителен, потому что не все браузеры поддерживают следующее утверждение, что это Невозможно использовать css, это неверно. В Firefox, Safari и Chrome вы можете использовать «pointer-events: none;». Это приведет к тому, что ссылка ничего не сделает. –

+0

@JohannesLumpe Это не будет работать в IE, и поэтому я бы не стал классифицировать его как возможное в CSS, так как его несовместимый браузер совместим http://caniuse.com/#search=pointer-events – Curt

+1

Блестящий ответ @ Курт и последующий комментарий Йоханнес. Спасибо, я буду реализовывать оба! – dumbledad

 Смежные вопросы

  • Нет связанных вопросов^_^