CSS3 PIE Forums

Issue removing old border
Page 1 of 1

Author:  nick2price [ Sun Feb 24, 2013 8:41 pm ]
Post subject:  Issue removing old border

Hi guys. So I have this problem where my old border remains in IE, alongside my new border. I am working with a border radius. I set a default border for input elements
input[type="text"], input[type="password"], select {
    border: 1px solid #4E4E64 !important;

Then in the specific element, I do something like
#e_form input, #enquiry_form select, #enquiry_form textarea {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -khtml-border-radius: 6px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    border-radius: 5px!important;
    behavior: url(/wp-content/themes/reponsive-skyclub/CSSPie/PIE.htc);

So, the problem is that in IE, the border radius is now working. However, the rectangle border around the inputs is also there aswell. In firebug, if I set the border on say the textarea to none, it disappears and displays perfectly. If I then add this to my css and try it, I have the same result as before. Its as if css pie uses this border to create the border radius, but when it creates it, it doesnt remove the old border.

Is this a common problem or am I doing something totally wrong here?

Thanks for the help.

Author:  jason [ Mon Feb 25, 2013 10:42 am ]
Post subject:  Re: Issue removing old border

Remove the !important from your border style. That prevents PIE from removing it.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group