CODEWITHSUNDEEP
jqueryhtmlcssbutton
zoro
zoro

Reputation: 333

Making a button invisible (not hidden)

How can I make a button to be invisible so that users can not see the button but can press it.

I have been trying to do this, but all the results I have found lead to hidden button.

Upvotes: 2

Views: 1030

Answers (5)

Akkss
Akkss

Reputation: 3

`.button1 {
 margin: 10px 0px 0px 4px;
 position: absolute; 
 filter: alpha(opacity=65);
 -mos-opacity: 0.65;
 opacity: 0.65; 
 cursor: pointer;
 height: 85px;
 width: 85px;
 }`

Upvotes: 0

i--
i--

Reputation: 4360

filter: alpha(opacity=0); opacity: 0;

there are some more styling options targeting even older browsers @ http://css-tricks.com/css-transparency-settings-for-all-broswers/

Upvotes: 0

ShaunOReilly
ShaunOReilly

Reputation: 2206

Have you tried changing the background color, borders and color, to the same a the bakground color of the page?

body{
   color: white;
}

.button {
  color: white;
  background-color: transparent;
  border: 0px none transparent;
}

There are however many other ways to achieve this, depending on why you need to do it.

or the following:

.transparent {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}

as noted on the CSS tricks link, for reference purposes here.

Upvotes: 2

khaverim
khaverim

Reputation: 3544

CSS has opacity: 0 to allow no visibility but full functionality:

<html>
<head>
<style type="text/css">
#button { opacity: 0;}
</style>

<script type="text/javascript">
function go()
{
    alert('clicked');
}

</script>
</head>
<body>

<button id="button" onclick="go()">hello</button></div>

</body>
</html>

Upvotes: 1

moonwave99
moonwave99

Reputation: 22817

Why don't go with <input type="image"> then?

Upvotes: 2

Related Questions