Как да деактивираме текста на подбор акцент с помощта на CSS различни браузъри - подчертавайки, код р - един

За котви, които действат като един бутон (например въпроси. Маркери. Потребители и така нататък. Г. в горната част на страницата с Stack Overflow), или раздела, има ли стандартен начин да забраните ефект за избор на CSS, ако потребителят избира на случаен принцип текст?

Има ли стандартен начин да направите това с помощта на CSS, и ако не е, това, което е подходът на "най-добрите практики"?

Според Мога ли да използвам. потребителя изберете понастоящем се поддържа във всички браузъри освен Internet Explorer 9 и по-ранни версии (но, за съжаление, все още се нуждаят от доставчик на префикс).

Добре опции CSS:

Моля, имайте предвид, че тази функция е нестандартен (т.е.. Д. Не са включени във всяка спецификация). Това не е гарантирано, че ще работи навсякъде и браузъри могат да бъдат различия при изпълнението и бъдещи браузъри могат да откажат да подкрепят.

Допълнителна информация може да бъде намерена в документацията за разработчици мрежа на Mozilla.

В повечето браузъри, това може да се постигне с помощта на собствени вариации в имота на потребителя изберете CSS, първоначалното предложение, а след това остави в CSS3 и сега се предлага в CSS UI Ниво 4.

за IE <10 и Opera <15 вам нужно будет использовать unselectable атрибут элемента, который вы хотите не выбрать. Вы можете установить это с помощью атрибута в HTML:

Той все още не обхваща всички възможности. Въпреки, че не е възможно да се започне с избор neelektiruemyh елементи в някои браузъри (като IE и Firefox) все още не е възможно да се предотврати изборът на който започва преди и след позициите, които не са избрани, без да се правят на целия документ отметка.

Докато избор CSS 3 имота на потребителя става достъпна, Gecko-базирани браузъри поддържат имота -moz от потребителя изберете, вече сте намерен. WebKit и Blink-браузъри поддържат -webkit-потребителски изберете.

Това, разбира се, не се поддържа в браузъри, които не използват за визуализиране на Gecko.

Истинският въпрос е: защо искаш потребителите да могат да се отпуснат и, вероятно, да копирате и поставите определени елементи? Аз не съм срещал нито веднъж, че не исках да се даде възможност на потребителите да заделят определена част от моя сайт. Някои от моите приятели, прекарва много часове в кода за четене и писане, ще използвате функцията за избор, за да си спомня къде се намират на страницата, или да предостави маркер за очите си, за да знаете къде да търсите следващия.

Единственото място, където можех да видя, че е полезно - то е, ако имате бутон за формуляри, които не можете да копирате и поставите, ако потребител копия и пасти сайта.

Ако искате да забраните избор на текст във всички, но елементите

. можете да го направите в CSS (обърнете внимание на -moz-никой, който ви позволява да отмените под-елементи, които са разрешени в други браузъри, без нито едно):

Можете да направите това в Firefox и Safari (Chrome, също?)

Решенията на избраното по-горе е спряло, но потребителят все още вярва, че можете да изберете текста, защото курсора все още се променя. За да се запази статично, трябва да настроите вашата CSS-предавателен:

Това ще направи вашия текст напълно плосък, тъй като тя би в десктоп приложение.

В допълнение, Mozilla имоти, няма начин да забраните избор на текст с помощта на стандартен CSS (за момента).

Ако забележите, Stack Overflow не деактивира избор на текст за вашите бутони за навигация, и аз бих препоръчал да не го прави в повечето случаи, защото тя променя нормалното поведение на избор и е в противоречие с очакванията на потребителя.

Това работи в някои браузъри:

Просто добавете желаните елементи / идентификатори преди селектори разделени със запетая без интервали, например:

Други отговори по-добре; Това най-вероятно да се разглежда като последна инстанция / трик.

Да предположим, че двама Разделение като този

Преместване на курсора до стойността по подразбиране, така че да даде усещане за неприемливо потребител /

Префикс трябва да се използва, за да го подкрепят във всички браузъри без префикса, той не може да работи във всички отговори.

Добавете го в първия DIV, където искате да забраните избор на текст:

Както можете да видите, че не може да избере номера, но ние успяхме да ги копирате.

Това може да бъде полезно, ако също не се изисква избор на цвят:

всички други поправки браузър. Тя ще работи в Internet Explorer 9 или по-късно.

Това не е CSS, но трябва да се отбележи:

За да получите резултата, че имам нужда, разбрах, че трябва да използвате и двете. selectionuser-изберете и потребителски избор

Въпреки, че това е псевдо CSS селектори Ниво 3 проекта, той бе отстранен по време на стъпка препоръки, тъй като се оказа, че кандидатът поведението му беше underdetermined, особено с вложени елементи, както и оперативна съвместимост не е постигната.

Въпреки факта, че той е вграден в браузъра, можете да направите илюзията, че текстът няма да бъде избран, като се използва един и същи цвят и цвета на фона при избора в съответствие с раздела дизайн (в твоя случай).

Нормално CSS дизайн

Забрана на потребителите да избират текст създава проблеми с лекотата на употреба.