Problem with CSS and ASP Button

1

I am trying to put a ASP button with a certain class CSS but I am not able to put the ASP button working according to CSS .

If the button is HTML it gives no problem.

CSS Code :

.images_1_of_5 .button{
    margin-top:.3em;
    line-height:1.9em;
}
.images_1_of_5 .button a{
        padding: 8px 10px;
        display: inline-block;
        background: url(../images/button3.gif) left top repeat-x;
        border: none;
        font: bold 12px "Arial"!important;
        color: #fff;
        text-align: center;
        cursor: pointer;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        -webkit-transition: background 0.5s ease;
}
.images_1_of_5 .button a:hover{
      background-position: left bottom;
    text-decoration: none !important;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
}

HTML code with ASP button :

<div class="grid_1_of_5 images_1_of_5">
<div class="button">
<a><asp:Button ID="Button1" runat="server" Text="Button" /></a></div>

No ASP button :

<div class="grid_1_of_5 images_1_of_5">
<div class="button"><span><a href="singlepage.html">Ver Detalhes</a></span></div>
    
asked by anonymous 23.06.2015 / 19:17

1 answer

1

Try this:

<asp:LinkButton ID="idButton" runat="server" CssClass="classButton" CausesValidation="False" Text="Button" />

.classButton{
        padding: 8px 10px;
        display: inline-block;
        background: url(../images/button3.gif) left top repeat-x;
        border: none;
        font: bold 12px "Arial"!important;
        color: #fff;
        text-align: center;
        cursor: pointer;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        -webkit-transition: background 0.5s ease;
}

.classButton:hover{
      background-position: left bottom;
    text-decoration: none !important;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
}

Note that I have changed the syntax of your Asp: Button to Asp: LinkButton .

    
23.06.2015 / 19:43