Support Wikipedia

Tuesday, June 30, 2009

CSS : Make a Button look like a link

I had to make a button look like a clickable link and here is the CSS I used.
 

.buttonLink{
color:black;
background:none;
text-decoration:underline;
text-shadow:brown;
font-variant:small-caps;
font-weight:bolder;
font-family:sans-serif;
padding:0px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #4799E6;
border-right: 0px solid #4799E6;
display: inherit;
width:auto;
text-align:center;
}


Usage :
<input id="exampleButton" name="exampleButton" value="Click Here" title="Click Here" class="sortLink" type="submit">
Support Wikipedia Support Wikipedia Support Wikipedia Support Wikipedia Support Wikipedia Support Wikipedia