Wie kann ich einem Textbereich wie Twitter einen leuchtenden Rahmen hinzufügen?

8

in Twitter Das ist normal

und das ist Schwebeflug

gibt es ein jquery plugin oder Code oder css-Effekt kann das tun

    
Unix Man 08.12.2010, 12:00
quelle

3 Antworten

4
___ antwort4387192 ___

Es ist nur CSS:

%Vor%

Funktioniert im IE noch nicht, und für FireFox müssen Sie das Herstellerpräfix verwenden: %code%

    
___ antwort4387259 ___

Haben Sie das .focus-Ereignis ausprobiert? Ссылка Sie können etwas tun wie:

%Vor%

Normalerweise ist es besser, dafür Klassen zu verwenden (Methoden .addClass () und .removeClass ()), aber das Beispiel soll nur die Idee zeigen. :)

Ich weiß nicht, ob es einen Weg gibt, es durch CSS zu tun, aber durch JQuery ist es schwierig, verschiedene Verhaltensweisen von einem Navigator zum anderen zu sehen.

Ich habe einige Tests auf der Twitter-Seite gemacht, also habe ich diese Eigenschaften gefunden, die in Chrome und Firefox verwendet werden. Wenn du das Glühen nicht willst, setze sie so:

%Vor%

In anderen Navigatoren wird es mehr Eigenschaften geben, da die erste nur für Firefox und die nächste für Webkit-basierte Browser wie Chrome ist. Und .unbind ('focus blur'), ​​weil Twitter sie verwendet, um sicherzustellen, dass alle Navigatoren die Seiten korrekt sehen.

Ein Code wie dieser:

%Vor%

Ich hoffe, es hilft dir! ^^

    
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ answer4387240 ___

Verwenden von Firebug .. Dies scheint auf das Feld angewendet zu werden, wenn es im Fokus ist:

%Vor%

Ich habe Firefox benutzt, das CSS wird wahrscheinlich in anderen Browsern variieren.

    
___ tag123css3 ___ Die dritte Ausgabe der Cascading Style Sheets-Stilsprache (oft abgekürzt als CSS3) vereint leistungsstarke visuelle Fähigkeiten und vielseitige Designmanipulationstechniken. ___ qstnhdr ___ Wie kann ich einem Textbereich wie Twitter einen leuchtenden Rahmen hinzufügen? ___ tag123focus ___ Focus bezeichnet die Komponente der grafischen Benutzeroberfläche, die momentan für den Empfang von Eingaben ausgewählt ist. ___ tag123textarea ___ Ein Textfeld ist ein HTML-Element (Tag), das zum Erstellen eines mehrzeiligen Nur-Text-Bearbeitungsfelds verwendet wird. ___ qstntxt ___

in Twitter Das ist normal

und das ist Schwebeflug

gibt es ein jquery plugin oder Code oder css-Effekt kann das tun

    
___
Jayme Tosi Neto 08.12.2010, 12:10
quelle
11
___ antwort4387192 ___

Es ist nur CSS:

%Vor%

Funktioniert im IE noch nicht, und für FireFox müssen Sie das Herstellerpräfix verwenden: -moz-border-radius

    
___ antwort4387259 ___

Haben Sie das .focus-Ereignis ausprobiert? Ссылка Sie können etwas tun wie:

%Vor%

Normalerweise ist es besser, dafür Klassen zu verwenden (Methoden .addClass () und .removeClass ()), aber das Beispiel soll nur die Idee zeigen. :)

Ich weiß nicht, ob es einen Weg gibt, es durch CSS zu tun, aber durch JQuery ist es schwierig, verschiedene Verhaltensweisen von einem Navigator zum anderen zu sehen.

Ich habe einige Tests auf der Twitter-Seite gemacht, also habe ich diese Eigenschaften gefunden, die in Chrome und Firefox verwendet werden. Wenn du das Glühen nicht willst, setze sie so:

%Vor%

In anderen Navigatoren wird es mehr Eigenschaften geben, da die erste nur für Firefox und die nächste für Webkit-basierte Browser wie Chrome ist. Und .unbind ('focus blur'), ​​weil Twitter sie verwendet, um sicherzustellen, dass alle Navigatoren die Seiten korrekt sehen.

Ein Code wie dieser:

%Vor%

Ich hoffe, es hilft dir! ^^

    
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ answer4387240 ___

Verwenden von Firebug .. Dies scheint auf das Feld angewendet zu werden, wenn es im Fokus ist:

%Vor%

Ich habe Firefox benutzt, das CSS wird wahrscheinlich in anderen Browsern variieren.

    
___ tag123css3 ___ Die dritte Ausgabe der Cascading Style Sheets-Stilsprache (oft abgekürzt als CSS3) vereint leistungsstarke visuelle Fähigkeiten und vielseitige Designmanipulationstechniken. ___ qstnhdr ___ Wie kann ich einem Textbereich wie Twitter einen leuchtenden Rahmen hinzufügen? ___ tag123focus ___ Focus bezeichnet die Komponente der grafischen Benutzeroberfläche, die momentan für den Empfang von Eingaben ausgewählt ist. ___ tag123textarea ___ Ein Textfeld ist ein HTML-Element (Tag), das zum Erstellen eines mehrzeiligen Nur-Text-Bearbeitungsfelds verwendet wird. ___ qstntxt ___

in Twitter Das ist normal

und das ist Schwebeflug

gibt es ein jquery plugin oder Code oder css-Effekt kann das tun

    
___
Stephan Muller 08.12.2010 12:04
quelle
3

Verwenden von Firebug .. Dies scheint auf das Feld angewendet zu werden, wenn es im Fokus ist:

%Vor%

Ich habe Firefox benutzt, das CSS wird wahrscheinlich in anderen Browsern variieren.

    
quelle

Tags und Links