Ich möchte das blaue Leuchten des Textfelds und des Rahmens entfernen, aber ich weiß nicht, wie ich eines der js oder das css davon überschreiben soll. Überprüfen Sie hier
BEARBEITEN 1
Ich möchte dies tun, weil ich das jquery-Plugin Tag-it verwende und auch den Twitter-Bootstrap verwende. Das Plugin verwendet ein verstecktes Textfeld, um die Tags hinzuzufügen. Wenn ich jedoch den Twitter-Bootstrap verwende, wird es als Textfeld mit Glühen in einem angezeigt Textfeld, das ein bisschen seltsam ist
javascript
jquery
html
css
twitter-bootstrap
Fady Kamal
quelle
quelle
border:none; box-shadow:none;
Antworten:
quelle
Sie können auch die Standardeinstellung für den Bootstrap überschreiben, um Ihre eigenen Farben zu verwenden
quelle
<select>
Selektor hier nicht enthalten ist.Setzt den nicht fokussierten Bootstrap-Stil
quelle
Nach einigem Graben haben sie es wohl im neuesten Bootstrap geändert. Der folgende Code hat bei mir funktioniert, es ist keine einfache Box, deren Formularsteuerung, die ich verwendet habe, das Problem verursacht hat.
quelle
Gehen Sie zu Bootstrap anpassen , suchen Sie nach @ input-border-focus, geben Sie den gewünschten Farbcode ein, scrollen Sie nach unten und klicken Sie auf "Kompilieren und Herunterladen".
quelle
Wenn Sie der Meinung sind, dass Sie mit der CSS-Klasse nicht umgehen können, fügen Sie dem Textfeld einfach einen Stil hinzu
quelle
Dadurch werden der Rand und der blaue Fokusschatten entfernt.
http://jsfiddle.net/pE5mQ/64/
quelle
Auf Bootstrap 3 gibt es einen kleinen Top Shodow auf iOS, der damit entfernt werden könnte:
Habe es von hier bekommen
quelle
Herstellerpräfixe sind zu diesem Zeitpunkt nicht erforderlich, es sei denn, Sie unterstützen ältere Browser, und Sie können Ihre Selektoren vereinfachen, indem Sie sich nur auf alle Eingaben und nicht auf die einzelnen Typen beziehen.
quelle
HTML
CSS
quelle