Difference between revisions of "Focus border and outline"

From Level Access Web Labs
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
d1:focus {
+
#d1:focus {
 
   outline: solid thin red !important;
 
   outline: solid thin red !important;
 
}
 
}
d2:focus {
+
#d2:focus {
 
   border: thin solid red !important;
 
   border: thin solid red !important;
 
}
 
}
Line 11: Line 11:
 
   <div tabindex="0" id="d1"> test </div>
 
   <div tabindex="0" id="d1"> test </div>
 
   <div tabindex="0" id="d2"> test 2 </div>
 
   <div tabindex="0" id="d2"> test 2 </div>
 +
  <div tabindex="0" id="d3"> test 3 </div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 15:44, 14 August 2018

test
test 2
test 3