fieldset color and rounding problem

Discussion in 'CSS' started by hip_hop_x, Feb 5, 2008.

  1. #1
    Is there any way of changing the filedset color, i tried with border, backround-color, but didn't work, still grey :(.
    It's possible to round the fieldset corners?
    If anyone know please post in here, thank you.
     
    hip_hop_x, Feb 5, 2008 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Fieldsets and legeds are a pain in the neck to style because Internet Explorer flat out gets it wrong. Unfortunately the best fix for IE will screw up Firefox royally, which of course requires a fix for that as well.

    The best I can suggest is to read John Faulds' article "The Legends of Style" over at www.tyssendesign.com.au/articles/legends-of-style/

    Other than that, I'd have to see your code.
     
    Dan Schulz, Feb 6, 2008 IP
  3. hip_hop_x

    hip_hop_x Active Member

    Messages:
    522
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    90
    #3
    thanks mate, I'll have to replace some code from the css.
     
    hip_hop_x, Feb 6, 2008 IP
  4. seopositive

    seopositive Guest

    Messages:
    36
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for this. I got the link from google you left at another site and found it to be a great compilation of the story thus far.

    _____________________
    malaysia neck pain causes and remedies
     
    seopositive, Nov 1, 2009 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    As Dan said, cross-browser fieldsets are a pain in the ass - The best approach to dealing with fieldsets is.... don't. remove their border, null their margins/padding, and then wrap them in a DIV.

    <div class="fieldsetWrapper"><fieldset>

    fieldset { margin:0; padding:0; border:0; }

    Same goes for legend - thankfully legends should be 'unique' to their fieldset, so all you need is a dummy span inside to hook.

    <legend><span>Your legend</span><legend>

    Sucks to bloat out the markup, but then you at least get a proper form for accessibility AND the ability to style elements in a predictable fashion.
     
    deathshadow, Nov 4, 2009 IP