Jump to content

How can i highlight the tab key?


Recommended Posts

Hello guys! :)


I started to learn developing and i want to use only the keyboard.

To move through links i use the tab key.

But sometimes (in fact,most of the time) i can't see where it is.

How can i highlight the border and make it thicker.

Even if i make this happen, how can i go back with the tab.

It seems it only goes in one direction.

I' ve been looking for this for quite some time.

I searched google chrome extensions but i only found a text highlighter.

I wish it could be something, that can be changed in the windows, so i can use it in all that i do.

There must be something...

Edited by mihaivoda89
Link to comment
Share on other sites

Try this...



<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><title>title</title><style>input:focus{border:5px solid #F00;background-color:#FF0;}</style></head><body><input type="button" id="btn1" tabindex="4" value="Enter1"/><input type="button" id="btn2" tabindex="3" value="Enter2"/><input type="button" id="btn3" tabindex="2" value="Enter3"/><input type="button" id="btn4" tabindex="1" value="Enter4"/><br/><input type="text" id="inp1" tabindex="5" value=""/><br/><input type="button" id="btn5" tabindex="-1" value="Enter5"/><input type="button" id="btn6" tabindex="6" value="Enter6"/><input type="button" id="btn7" tabindex="7" value="Enter7"/><input type="button" id="btn8" tabindex="8" value="Enter8"/><br/><input type="text" id="inp2" tabindex="9" value=""/><hr/><a href="http://www.w3schools.com/jsref/prop_html_tabindex.asp">Tab Index</a><br/><a href="http://www.w3schools.com/cssref/sel_focus.asp">Focus Selector</a></body>    </html>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...