On focus styling
This commit is contained in:
parent
8f50c5b297
commit
b187b27aa0
2 changed files with 15 additions and 1 deletions
|
@ -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>
|
||||
|
|
|
@ -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"/>
|
||||
|
|
Loading…
Reference in a new issue