Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    175
    Thanks
    3
    Thanked 1 Time in 1 Post

    New button class gets text cursor on click

    I have kind of strange problem.
    I set up a new button class so I could define the style, everything's fine however when I click on the button it puts a blinking text cursor over the button text.

    I can't figure out for the life of me how to get rid of the dumb thing.
    Here's the button code:
    Code:
    	 <input type="avbutton" class="avhomeinputbutton" name="featuredbutton" id="featuredbutton" value="Featured" onclick="resetpage(),resetpopular(),resetrecent(),feature(),ajaxFunction(this);">
    	 <input type="hidden" name="featured" id="featured">
    Here's the css:
    Code:
    .avhomeinputbutton {
    color:#c82f37;
    background:none;
    border:none;
    width:57px;
    height:20px;
    padding:0px 0px 0px 3px;
    cursor:pointer;
    }
    .avhomeinputbutton:hover {
    color:#c82f37;
    background:url(/plugins/hwdvs-template2/joomla/images/avbuttonbk.png) no-repeat;
    border:none;
    width:57px;
    height:20px;
    padding:0px 0px 0px 3px;
    cursor:pointer;
    }
    .avhomeinputbutton:active {
    color:#c82f37;
    cursor:pointer;
    }
    I also assign assign a background with java onclick in addition to this.

  • #2
    Regular Coder
    Join Date
    May 2010
    Location
    Bathurst, Australia
    Posts
    180
    Thanks
    1
    Thanked 22 Times in 22 Posts
    You can't just make up your own type. It has to be type="button". See if that fixes it.
    Disclaimer: I'm hungover 70% of the time i'm on here, any information given may not be correct, or even legible.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •