Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to hide HTML button selection?

Tags:

html

css

alt text

I want to hide HTML Button selection like in above image whenever i click on buttons from 1 to 25 Its shows that it is selected like now i hv clicked on 10 its shows dotted border when i click on 10 no button .. I want to hide this for security purpose how can i do this any idea will help me

like image 473
Vishwanath Dalvi Avatar asked Nov 12 '10 12:11

Vishwanath Dalvi


People also ask

How do you make a button invisible in HTML?

The hidden attribute hides the <button> element. You can specify either 'hidden' (without value) or 'hidden="hidden"'. Both are valid.

How do you hide an element in HTML?

Completely hiding elements can be done in 3 ways: via the CSS property display , e.g. display: none; via the CSS property visibility , e.g. visibility: hidden; via the HTML5 attribute hidden , e.g. <span hidden>

How do you hide a button in CSS?

You can hide an element in CSS using the CSS properties display: none or visibility: hidden . display: none removes the entire element from the page and mat affect the layout of the page. visibility: hidden hides the element while keeping the space the same.


1 Answers

It usually isn't a good idea to remove the line for accessibility reasons. But if you really want to, some CSS like the following should work:

outline : 0;
-moz-outline : 0;
border : 0

These should be set on the :active and :focus psuedo classes for the buttons

like image 148
Coin_op Avatar answered Nov 13 '22 00:11

Coin_op