Hogyan kapcsoljuk ki a kiválasztás kiemelésének szöveget css cross-browser - kiemelve, kód q - a

Horgonyok, ami jár, mint egy gombot (például a kérdésekre. Címkék. Users, és így tovább. D. A tetején a Veremtúlcsordulás oldal), vagy lap, van egy szabványos módon, hogy letiltja a CSS szelekciós hatás, ha a felhasználó véletlenszerűen választ szöveget?

Van egy szabványos módja ennek a CSS, és ha nem, mi az a megközelítés a „legjobb gyakorlatok”?

Szerint Tudom használni. felhasználó-select jelenleg támogatja minden böngésző kivétel az Internet Explorer 9 és korábbi verziói (de, sajnos, még mindig szükség van a szolgáltató előtag).

Rendben lehetőségek CSS:

Felhívjuk figyelmét, hogy ez a funkció nem szabványos (pl. E. Nem szerepel semmilyen specifikáció). Nem garantált, hogy ez működni fog mindenütt, és a böngészők lehetnek különbségek a végrehajtása és jövőbeli böngészők megtagadhatja támogatására.

További információk találhatók a Mozilla Developer Network dokumentációt.

A legtöbb böngésző, ezt el lehet érni a saját fejlesztésű tulajdonság változásával a felhasználó-select CSS, az eredeti javaslatot, majd elhagyta a CSS3 és a most javasolt CSS UI 4 szint.

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

Még mindig nem fedezi az összes lehetőséget. Bár lehetetlen, hogy kezdeményezzen egy választás neelektiruemyh elemek az egyes böngészők (mint az IE és Firefox) még mindig nem lehet megakadályozni a választás kezdődik előtt és után a nem kiválasztott terméket, anélkül, hogy a teljes dokumentumot bejelölve.

Mindaddig, amíg a felhasználó által választott CSS 3 ingatlan nem áll rendelkezésre, a Gecko-alapú böngészők támogatják az ingatlan -moz-user-select, már megtalált. WebKit és Blink-böngésző támogatja -webkit-user-select.

Ez, persze, nem támogatott böngészők nem használja a Gecko renderelő motor.

Az igazi kérdés az: miért akar a felhasználók, hogy képes kiosztani, és feltehetően másolja egyes elemei? Nem találkoztam egyetlen alkalom, hogy nem akartam, hogy a felhasználók bizonyos részeinek kijelölését a honlapomon. Néhány barátom, sok órát töltve írási és olvasási kód, akkor használja a kiválasztási függvény, hogy emlékezzen, hol voltak az oldalon, vagy hogy egy marker szemüket, hogy hol kell keresni a következő.

Az egyetlen hely, ahol láttam, hogy hasznos - ez, ha van egy gomb formák, hogy nem lehet másolni és beilleszteni, ha a felhasználó másolatok és paszták a honlapon.

Ha le szeretné tiltani a kijelölt szöveg minden, de az elemek

. meg tudod csinálni a CSS (vegye figyelembe a -moz-sem, ami lehetővé teszi, hogy felülbírálja al-elemek, amelyek megengedett más böngészőkben nélkül nincs):

Ezt megteheti a Firefox és a Safari (Chrome is?)

A döntést a fenti kiválasztás megállt, de a felhasználó továbbra is úgy véli, hogy kiválaszthatja a szöveget, mert a kurzor még mindig változik. Annak érdekében, hogy ez a statikus, akkor be kell állítani a CSS-over:

Ez lehetővé teszi a szöveg teljesen lapos, mint amilyet akkor egy asztali alkalmazás.

Ezen kívül a Mozilla tulajdonságok, nincs módja annak, hogy tiltsa le a kijelölt szöveg normál CSS használatával (egyelőre).

Ha azt veszi észre, Veremtúlcsordulás nem tiltja le a kijelölt szöveg a navigációs gombokat, és azt ajánlom, hogy ne erre az esetek többségében, mert az megváltoztatja a normális viselkedés a választás, és ellentétes a felhasználó elvárásainak.

Ez úgy működik, bizonyos böngészők:

Egyszerűen adja hozzá a kívánt terméket / azonosítókat, mielőtt a szelektor vesszővel elválasztva, szóköz nélkül, például:

Egyéb válaszok jobb; Ez valószínűleg kell tekinteni a legvégső / trükk.

Tegyük fel, hogy két ilyen div

Vigye a kurzort az alapértelmezett érték, úgy, hogy adott egyfajta elfogadhatatlan felhasználó /

Előtagot kell használni, hogy támogassa azt minden böngészőben előtag nélkül, akkor nem működik az összes választ.

Add, hogy az első div, ahol a letiltani kívánt szöveget választás:

Mint látható, nem tudtunk választani a számot, de tudtuk, hogy másolja őket.

Ez hasznos lehet, ha színválaszték sem szükséges:

minden egyéb javítások böngészőt. Működni fog az Internet Explorer 9-es vagy újabb.

Ez nem az a CSS, de érdemes megemlíteni:

Az eredmény, hogy szükség van, azt tapasztaltam, hogy kell használni mindkettőt. selectionuser-select és a felhasználó válassza

Bár ez egy ál CSS Selectors Level 3 projekt, azt eltávolították lépés során ajánlásokat, mint kiderült, a jelölt, hogy a viselkedése volt aluldeterminált, különösen beágyazott elemeket, és az átjárhatóság nem sikerült elérni.

Annak ellenére, hogy ez be van ágyazva a böngészőben, akkor lehet, hogy azt az illúziót, hogy a szöveg nem kerül kiválasztásra ugyanazt és a háttér színe, ha kiválasztja a megfelelő tervezési lapon (az Ön esetében).

Normál CSS design

Ban felhasználó kiválaszthatja a szöveget okoz problémát a felhasználó-barát.