Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Removing dotted borders on click

Tags:

html

css

I am using this CSS to remove dotted borders which appear when hyperlinks are clicked

a:active, a:focus, input {
    outline: 0;
    outline-style:none;
    outline-width:0;
}

This is working fine, but doesn't work on input buttons which have background images.

like image 584
Shishant Avatar asked Dec 09 '09 15:12

Shishant


People also ask

How do I get rid of the dotted border when I click a link?

We can remove the default behavior of hyperlinks which is to show a dotted outline around themselves when active or focused by declaring CSS outline property on active/focused links to be none.

How do I get rid of the dotted outline?

Select the cells from which you want to remove the dotted border. Click the Home tab. In the Font group, click on the 'Border' drop-down. In the border options that appear, click on 'No Border'

How do you remove the dotted link in CSS?

It is possible to remove bullets from ul lists by setting the CSS list-style-type property to none . As a result, the bullets disappear from the list. Note: to get rid of the automatic indentation, you can also set margin and padding to 0.

What is CSS outline?

An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element "stand out". CSS has the following outline properties: outline-style. outline-color.


2 Answers

It's not my place to question your design decisions, so here you go.

Just add this to any link's you want to remove the dotted line

onfocus="if(this.blur)this.blur()"
like image 156
user48202 Avatar answered Sep 17 '22 22:09

user48202


It isn't working fine. It is rendering it impossible to navigate the design without a mouse.

See http://24ways.org/2009/dont-lose-your-focus for a reasonable compromise.

like image 39
Quentin Avatar answered Sep 20 '22 22:09

Quentin