Difference between revisions of "Focus border and outline"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <style> d1: focus { outline: solid thin red !important; } d2: focus { border: thin solid red !important; } </style> <body> <div tabindex="0" id="d1"> test </div>...")
 
 
(2 intermediate revisions 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