CSS - Leuchtende blaue Eingabefelder



<style>

input[type=text], textarea {
  
transitionall 0.30s ease-in-out;
  
outlinenone;
  
padding3px 0px 3px 3px;
  
margin5px 1px 3px 0px;
  
border1px solid #DDDDDD;
}
 
input[type=text]:focustextarea:focus {
  
box-shadow0 0 5px rgb(81203238);
  
padding3px 0px 3px 3px;
  
margin5px 1px 3px 0px;
  
border1px solid rgb(81203238);
}
</
style>

<
input type="text"><br>
<
textarea></textarea>

Tipp

HEX/RGB Converter
Dieser Farben-Konverter erstellt hexadezimale Werte (#51CBEE) aus RGB-Werten (rgb(81, 203, 238)) und umgekehrt.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<html> HTML

CSS - Die Schriftgröße je nach Fensterbreite automatisch anpassen

PHP - Anzahl eines Wortes in einem Array ermitteln

JavaScript - Zahl runden

MySQL - Auswahlliste aus der Datenbank-Tabelle erstellen