On focus styling

This commit is contained in:
Maxime Bloch 2020-07-22 15:21:49 +02:00
parent 8f50c5b297
commit b187b27aa0
2 changed files with 15 additions and 1 deletions

View file

@ -139,6 +139,20 @@
color: inherit;
opacity: 1;
}
/* On focus styling */
select:focus,
input:focus,
textarea:focus,
button:focus {
background: var(--bgFormElsFocus);
}
select:focus,
input:focus,
textarea:focus {
transform: scale(1.02);
}
</style>
</head>
<body>

View file

@ -7,7 +7,7 @@
{% if user.is_authenticated %}
<p>Username: {{ username }}</p>
<label>Student number</label>
<input type="text" value="{{ user.student_number }}"/>
<input type="text" placeholder="1234567" value="{{ user.student_number }}"/>
<label>Real name</label>
<input type="text" value="{{ user.real_name }}">
<input type="submit" value="Save"/>