Strano bordo blu su Firefox

prega, un'occhiata a questo codiceStrano bordo blu su Firefox

http://www.jsfiddle.net/tt13/5CxPr/21

Su Firefox mostra strano bordo blu quando si seleziona riga multipla premendo il tasto ctrl ma su Chrome non lo fa .

enter image description here

Utilizzando la più recente di Firefox 10.0.2.

Questo bug relativo al browser?

fonte

2012-02-26 Tural Ali

Isnt che una caratteristica? Firefox evidenzia elementi selezionati con un bordo blu. – Alex

Probabilmente è il contorno che stai vedendo, prova a rimuoverlo. – adeneo

@Alex Dunno. Ad ogni modo, se questa è una funzionalità, voglio disabilitarla. La domanda è, come? –

Ciò è dovuto al testo di essere selezionato - comportamento nativo del browser.

Si può osservare lo stesso problema in Chrome, nonché utilizzando il tasto SHIFT invece di CTRL.

Per ovviare a questo, si può semplicemente cancellare la selezione a destra dopo che l'utente fare clic sulla cella per selezionare:

$(".subject").live('click',function(event) { 
    if(event.ctrlKey) { 
      $(this).toggleClass('selected'); 
    } else { 
      $(".subject").removeClass("selected"); 
      $(this).addClass("selected");   
    } 
    if (document.selection) 
     document.selection.empty(); 
    else if (window.getSelection) 
     window.getSelection().removeAllRanges(); 
});

Updated fiddle.

fonte

2012-02-26 10:54:22

Prova proprietà impostazione CSS -moz-user-select al tavolo per disattivare il comportamento di default:

table { -moz-user-select: none; }

MDN

fonte

2012-02-26 09:15:51

La conseguenza negativa è che non consente affatto di selezionare il testo della tabella. Non solo rimuove il bordo facendo clic sulla cella della tabella con Ctrl premuto. –

@MaratTanalin OOOPSS. Sì, sei vero. Qual è la tua soluzione? –

@ trl13 soluzione è cancellare la selezione, non impedirla - vedere la mia risposta. –

Questo funziona per la versione corrente di Firefox 20.0.1 se si è pronti ad aggiungere un elemento aggiuntivo all'interno della cella per consentire al testo di essere ancora selezionabile.

td { -moz-user-select: -moz-none } 
td * { -moz-user-select: text }

http://jsfiddle.net/nukj7/

fonte

2013-05-03 11:11:51 Dale

Come gestite più righe? Ho una tabella con file numerose. Con la tua soluzione, posso solo selezionare un td in una riga. Potete fornire una soluzione? Grazie in anticipo – webprogrammer

Strano bordo blu su Firefox

risposta

Problemi correlati