Solved

Changing the border color or a fieldset

Posted on 2009-06-28
3
1,479 Views
Last Modified: 2012-05-07
Hi -

I would like to change the border color of the fieldset without loosing the rounded corner look. It seems that if I add "border-color: Blue;" to my style in IE 6-7 I loose the rounded corners.
<style type="text/css">

fieldset {    

   -moz-border-radius-bottomleft:7px;   

   -moz-border-radius-bottomright:7px;   

   -moz-border-radius-topleft:5px;   

   -moz-border-radius-topright:7px; 

   -khtml-border-radius:5px;

   -msie-border-radius:5px;

    border-radius: 5px;         

    -webkit-border-radius: 5px;

    border-color: Blue;

    

} 

</style>

Open in new window

0
Comment
Question by:doctor069
3 Comments
 
LVL 13

Accepted Solution

by:
Murali Murugesan earned 125 total points
ID: 24733576
i dont think with IE we can change the border-color and still get the rounded corners.

Old article :
http://www.tyssendesign.com.au/articles/legends-of-style/

New Article:
http://www.tyssendesign.com.au/articles/css/legends-of-style-revised/

Alternate things to use ,Worth looking into
http://www.spiffycorners.com/

http://www.html.it/articoli/nifty/index.html  -- Nifty Corners

-Murali*
0
 
LVL 12

Expert Comment

by:Tony van Schaik
ID: 24733937
That's because border-radius function is CSS3 not CSS2. IE doesn't support that only Firefox, Safari/Webkit and Opera. You have to do it with some Photoshopping and normal CSS or you can go the Javascript way.
0
 
LVL 2

Expert Comment

by:SETH_HIKARU
ID: 24796482
I think I know how to keep the look but have the border color come out blue. If you could provide a test page for me so I don't have to implement my own page to solve the problem that would help me.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now