image shows ui-button over the button image


Tags: css,jsf-2,primefaces

Problem :

I want to show a button as an image.So I have written it like:

<p:commandButton styleClass="edit_button_image" actionListener="#{userLeaveBean.editAppliedLeave}" title="Edit" process="@this"/>

and the CSS for getting the button image:

.edit_button_image{
background: url(edit.JPG) no-repeat !important;

}

it shows the image well, but also shows a text "ui-button" over the image. How can I get the image only? Using it shows fine, since I want to execute some action on a part of the entire for I chose and added process="@this".any Solution?



Solution :

Wouldn't this be way easier? A p:commandLink submits a POST just like a p:commandButton.

<h:form>
    <p:commandLink ...>
        <h:graphicImage ... />
    </p:commandLink>
</h:form>

    CSS Howto..

    How to put Logo & navigation in one line

    How do I apply CSS style to ASCII character

    How to use pure css selector to select hidden element

    How should I crop the image at client side using jcrop and upload it?

    How to access an element's class value via CSS

    How i can force my div to display in block?

    How to make pagination's circle of slider using CSS only?

    Jquery Dropdownlist not shows the selected item.?

    How do I detect that facebook app is loading page to change CSS?

    How can I give the current page's link a disabled look?

    web app CSS navbar retina icons - How can I fit a 60x60 icon into a 30x30 background-image on IE7+8?

    How to make element instantly go back to initial position after CSS animation end?

    how to add/remove a class from a link

    How to remove hover function from top row in table

    How to show/hide content on click with CSS

    How to have different alignments in one div(nav)?

    How can i style textnodes that are direct children of a body-element?

    Html and CSS for emails, how to, where to?

    how to remove and add classes using same function? [closed]

    How to make images always relative to a div using CSS

    How to trigger one element inside a div on mouse hover in CSS

    How can I override inline styles with external CSS?

    How to select attribute value for a selected element with wombat

    transition ease-out, right to left, how?

    How to check the visibility property with javascript

    How to extract CSS styles using Scrapy

    How to select non-header cells with css

    How to place div in top right hand corner of page

    How to have two background-images with CSS? [duplicate]

    How to have complex shadow background on variable height content area via CSS?