Re: [WSG] [att] disables element in :focus?
Hi Jon, I am working on a few HTML5 projects at once as I found this is the only way I can learn HTML5 more quickly. It's more than a practice because the final result will be solid enough for the real world use. I mostly focus on eCommerce sites development and I am likely be more cautious about using HTML5 on client's site, for now, I think using HTML5 for WordPress blog is OK. This is one HTML5 WordPress theme (GPL license) that I finished last week that uses some CSS3 features that are not widely used yet, one example, the transition-duration that is currently supported by webkit. The theme has been downloaded over 50 times, hopefully someone out there is using it for his/her blog than just studying my code :-) http://lotusseedsdesign.com/temple-gate/2010/09/temple-gate-a-html5-wordpress-theme/ tee On Oct 10, 2010, at 2:35 AM, Jon @ The PixelForge wrote: > If I may ask, what kind of HTML5/CSS3 projects are you working on - or is > this the same as the rest of us, i.e. practice? > > Regards, > > Jon Warner > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [att] disables element in :focus?
If I may ask, what kind of HTML5/CSS3 projects are you working on - or is this the same as the rest of us, i.e. practice? Regards, Jon Warner On Sun, Oct 10, 2010 at 8:36 AM, tee wrote: > Hi Thierry, > > I was setting up a test page for you and during the process I found the > problem. > > The [required] was declared twice which I didn't catch, and one with > '!important' that I used to overwrite the background color in the input tag. > > The '!important' got me into trouble a number of times. Sigh! > > Thanks for checking! > > tee > > >> > >> > > > > That works for me. Do you have a page we can look at? > > > > > > -- > > Regards, > > Thierry > > www.tjkdesign.com | www.ez-css.org | @thierrykoblentz > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [att] disables element in :focus?
Hi Thierry, I was setting up a test page for you and during the process I found the problem. The [required] was declared twice which I didn't catch, and one with '!important' that I used to overwrite the background color in the input tag. The '!important' got me into trouble a number of times. Sigh! Thanks for checking! tee >> >> > > That works for me. Do you have a page we can look at? > > > -- > Regards, > Thierry > www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] [att] disables element in :focus?
> Is this expected behavior or the support is still lacking?
>
> I have this declared in CSS for HTML5 required attributed:
>
>
>
>
> [required]{background-color:#E0}
>
> input:focus, texture:focus
> {background: #464646;color: #fff;border-color: #C12D2D}
>
>
> Color and border are correctly working when focused, but background
> image isn't. My test showed that it isn't the HTML5 required attribute
> causing it but the CSS3 [required].
>
> If I remove [required]{background-color:#E0} and target ID instead
> (input#email {background-color:#E0} ) then the background color
> works when focused.
>
> Tested in Opera, FF, Safari and Chrome, all show consistent result.
That works for me. Do you have a page we can look at?
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] [att] disables element in :focus?
Correction:
background COLOR isn't working.
On Oct 9, 2010, at 4:27 AM, tee wrote:
> Is this expected behavior or the support is still lacking?
>
> I have this declared in CSS for HTML5 required attributed:
>
>
>
>
> [required]{background-color:#E0}
>
> input:focus, texture:focus
> {background: #464646;color: #fff;border-color: #C12D2D}
>
>
> Color and border are correctly working when focused, but background image
> isn't. My test showed that it isn't the HTML5 required attribute causing it
> but the CSS3 [required].
>
> If I remove [required]{background-color:#E0} and target ID instead
> (input#email {background-color:#E0} ) then the background color works
> when focused.
>
> Tested in Opera, FF, Safari and Chrome, all show consistent result.
>
>
> tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
