Forums
View unanswered posts | View active topics It is currently Mon Nov 24, 2014 4:44 pm



Reply to topic  [ 4 posts ] 
 border radius on input tag within ie6 
Author Message

Joined: Tue Aug 03, 2010 3:01 pm
Posts: 5
Post 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


Tue Aug 03, 2010 3:19 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post 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.


Tue Aug 03, 2010 4:45 pm
Profile

Joined: Tue Aug 03, 2010 3:01 pm
Posts: 5
Post 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


Tue Aug 03, 2010 4:56 pm
Profile

Joined: Wed Dec 01, 2010 3:04 pm
Posts: 1
Post 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.


Wed Dec 01, 2010 3:29 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: Bing [Bot] and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.