CSS3 PIE Forums
http://css3pie.com/forum/

border radius on input tag within ie6
http://css3pie.com/forum/viewtopic.php?f=3&t=84
Page 1 of 1

Author:  Bennyb [ Tue Aug 03, 2010 3:19 pm ]
Post subject:  border radius on input tag within ie6

Hi,

Firstly like to start of by saying thanks for this, this is awesome.

Ok not sure if this is a bug or i've done something wrong but my borders on input tags are squared off in ie6. You should be able to view an example here:
http://tiny.cc/amnvu

Thanks

Ben

Author:  jason [ Tue Aug 03, 2010 4:45 pm ]
Post subject:  Re: border radius on input tag within ie6

Unfortunately PIE doesn't work well in general with input text fields; see issue http://github.com/lojjic/PIE/issues#issue/25 for example.

This should be getting fixed in an upcoming release. In the meantime you can work around it by wrapping your input in another element, and applying the CSS3 styles and PIE to that element instead.

Author:  Bennyb [ Tue Aug 03, 2010 4:56 pm ]
Post subject:  Re: border radius on input tag within ie6

jason wrote:
Unfortunately PIE doesn't work well in general with input text fields; see issue http://github.com/lojjic/PIE/issues#issue/25 for example.


Hey thanks for the quick response. Sorry didn't find that post when i searched first of all.

I'm supporting IE6 less and less so may just remove the border for ie6 as would rather have less mark.

Again thanks for shairing css3 pie. I've been very impressed so far

Author:  spacerabbit [ Wed Dec 01, 2010 3:29 pm ]
Post subject:  Re: border radius on input tag within ie6

Hi, I notice a similar problem (testing in IE8 and IE8/mod IE7). What happens is that if I load the behavior in an "input {}" style, PIE completely stops working. If I load it in a class of the input element everything starts working again, even the input box.
To give you an example:

Code:
input {
   behavior: url('PIE.htc');
   border-radius: 9px;
}

It doesn't work and make to stop working all other previous and subsequents style using PIE.


Code:
.form-text {
   behavior: url('PIE.htc');
   border-radius: 9px;
}

It works perfectly.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/