How to Change the Fieldset Color
Just as the name implies, a fieldset is a set of information fields developed within a HTML format. When designing a fieldset the developer must take a few aspects of style into consideration: the border color, the color of the fields and the background color. These specifications can be set by implementing a cascading style sheet (CSS) where all of the fieldset style characteristics are bundled together. The CSS is also convenient because it will ensure uniformity throughout the page without making the developer type in the style specifications each time there is a fieldset to design.
Other People Are Reading
Instructions
-
-
1
Determine what color you would like to change the fieldset to. You can do this by opening the HTML document which includes the fieldset in a browser. Determine what color schemes you would like.
-
2
Find the style sheet that determines the style features of the fieldset/s. This should be between the <style> tags embedded between the <head>tags.
-
-
3
Find the Hex equivalents of the colors you have chosen (see Resources for table).
-
4
Change the colors. The three main specifications that must be changed are:
border-color: #000000;
color: #000000;
background-color: #C0C0C0;
This example fixes the border to black, the field colors to black and the field background to gray from the original blue. -
5
Test the changes in a browser. Open the HTML file in a browser of your choice and determine whether you like it or not. Repeat the process again to make further changes.
-
1
Tips & Warnings
Make sure to check your syntax. A minor mistype and the results might not show up Make sure the style sheet is between the head and style tags.
