CODEWITHSUNDEEP
jquerycssjsfprimefaces
Peter Penzov
Peter Penzov

Reputation: 1754

How to remove input field layout

I have this Primefaces calendar with custom skin:

enter image description here

enter image description here

It turns out that the input filed is also overwritten by the Primefaces skin. This is the css file of the Primefaces skin: http://pastebin.com/yiJ1YjUx

Can you tell me how I can remove the input filed layout - I want just basic white input filed?

Upvotes: 0

Views: 180

Answers (2)

Rong Nguyen
Rong Nguyen

Reputation: 4189

You can try:

<style type="text/css">
                #test{
                    background-color: magenta !important;
                }
            </style>
            <p:inputText id="test"/>

Calendar use input component to get input from user and it place input tag inside span tag, so you can custom calendar(not affect to all input):

            <style type="text/css">
                span input{
                    background-color: blue !important;
                }
            </style>

Upvotes: 1

Sniper Wolf
Sniper Wolf

Reputation: 471

If you want simply hide an input using CSS, you can do it with the property:

.your-input-class {
    display: none;
}

Using jQuery, you can do:

$(".your-input-class").hide();

But this makes sense only if you can not work with the html code of your calendar.

Upvotes: 0

Related Questions