SitePoint Sponsor |
|
User Tag List
Results 1 to 6 of 6
Thread: Modifying form elements: How ?
-
Mar 13, 2001, 14:05 #1
- Join Date
- Dec 2000
- Posts
- 31
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hi. I just wanted to know which CSS elements are needed are what they are in order to modify form elements such as the input text box, the scroll bar, or even the srcoll bar of the window!
Specifically, how did http://www.turtleshell.com (the flash guide) changed their scrollbar?
How did http://www.vbulletin.com (purchase section) change the input boxes colors?
How did http://www.flashkit.com change the color of their submit buttons?
Thanks in advance!
-
Mar 14, 2001, 06:47 #2
this would be better dealt with in the web design forum
but anyway...
scrollbar colour changing is only available in ie5.5
you could just check their css file to see how they did it...
for changing the background colour of form elements
its background-color: [color]
or background: [url] [repeat] [position] [color]
some browsers, like opera or netscape 4.7, do not support these...
-
Mar 14, 2001, 08:02 #3
- Join Date
- Jan 2001
- Location
- Alkmaar, Netherlands
- Posts
- 710
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Code:<STYLE type=text/css> INPUT {BACKGROUND-COLOR: #51485f; COLOR: #f5d300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px} TEXTAREA {BACKGROUND-COLOR: #51485f; COLOR: #f5d300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px} OPTION {BACKGROUND-COLOR: #51485f; COLOR: #f5d300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px} FORM {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px} </STYLE>
It is at the top of the source of their page. You see how they define INPUT in their CSS? so that is your answer. It is the same method for other websites, just check their source code.
-
Mar 14, 2001, 09:16 #4
- Join Date
- Dec 2000
- Posts
- 31
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks! And I'm sorry for taking too much of your time. Next time, I'll try and just look at the source code. Thanks again!
-
Mar 16, 2001, 09:16 #5
- Join Date
- Mar 2001
- Location
- bonnie scotland
- Posts
- 10
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
remember, Netscape 4.x does not allow you to change the form element's using CSS. For IE4.x for example, to hide the scroll bars in a textarea, then
<TEXTAREA ID='myLayer' ROWS... COLS...></TEXTAREA>...</FORM> and then for the script you would use
document.all['myLayer'].style.overflow='hidden';
hope this helps ;-)
-
Mar 16, 2001, 23:42 #6
- Join Date
- Dec 2000
- Posts
- 31
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Are there any of these form-related css that will also work with Netscape?
Bookmarks