# This is a real dumb question, and, in the wrong place, but

**URL:** <https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123>\
**Category:** Uncategorized\
**Created:** [December 5, 2002, 12:35pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123 "2002-12-05T12:35:21Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Guig0](https://avatars.discourse-cdn.com/v4/letter/g/8baadc/32.png) [@Guig0](https://forum.kirupa.com/u/Guig0)\
**Post date:** [December 5, 2002, 12:35pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/1 "2002-12-05T12:35:21Z")

</div>

How do I change the color of the standard browser buttons such as submit, ok…

Have you ever seen a page with a scroll with different colors? That´s what I´m want, but with buttons.

Thanks in advance!

=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 5, 2002, 2:47pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/2 "2002-12-05T14:47:36Z")

</div>

Heh, thats CSS codings youre talking about.

```php

<input type=button id=coloredButton>

```

put the following in HEAD:

```php

<STYLE TYPE=text/css>
#coloredButton {background-color: #ff00ff; font-family: verdana; color: #ffffff; font-size: 9px; border: 1px solid #ffffff;}
</STYLE>

```

That’ll create the following  
\<input type=button id=coloredButton value=“Button!!” onClick=“alert(‘Example button only…’);” style=“background-color: #ff00ff; font-family: verdana; color: #ffffff; font-size: 9px; border: 1px solid #ffffff”\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 5, 2002, 3:33pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/3 "2002-12-05T15:33:20Z")

</div>

That´s almost what I want.🙂

To close the deal, do you know how to do the complete coloring effect? The 3D effect (the shadows) and also for the other lements as well (dropdown box and etc), or direct me to a tutorial on that.?

Thanks!

=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 6, 2002, 10:29pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/4 "2002-12-06T22:29:17Z")

</div>

I´m lost! Wait, no, I´m no lost but that gave me an idea…

[SIZE=4]LOST HELP ME !!![/SIZE]  
=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 6, 2002, 11:12pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/5 "2002-12-06T23:12:06Z")

</div>

Maybe these will help 🙂

[http://www.websitetips.com/info/css/scrollbars.html](http://www.websitetips.com/info/css/scrollbars.html)  
[http://www.htmlgoodies.com/beyond/cssforms.html](http://www.htmlgoodies.com/beyond/cssforms.html)  
[http://webdesign.about.com/library/weekly/aa052801a.htm](http://webdesign.about.com/library/weekly/aa052801a.htm)

🙂

CSS is incredibly easy 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 7, 2002, 10:49am UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/6 "2002-12-07T10:49:51Z")

</div>

> \*Originally posted by lostinbeta \*  
> **Maybe these will help**

Sorrry lost, but no:(

what I´m tring to do is that (see attachment). Hope you can help me:(

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 7, 2002, 5:37pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/7 "2002-12-07T17:37:41Z")

</div>

That looks like just changing the color of the form elements to me. That is done with CSS, in the second link I sent you.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 2:54pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/8 "2002-12-09T14:54:39Z")

</div>

Sorry lost for the delay, some other stuff kept me ocupied.🙂

That´s half of what I need, It lacks the info on how to colorize the inside the buttons (see attached file), and the 3d shadows too, not just the back ground.

I´m sure that I´ve see this on some sites, but can´t remember wich ones, and I never get to find a tut about that. Do you?

Thanks lib!=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 5:41pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/9 "2002-12-09T17:41:08Z")

</div>

Well see, the 3d shadows are on the scrollbar. The Scrollbar CSS color changer is the first link (only works in IE 5x+).

You can’t change the 3d colors of a button, you can change the border color, but not each individual 3d color like on the scrollbar.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 6:31pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/10 "2002-12-09T18:31:33Z")

</div>

hi hi,

i hope this code helps

```php

  .boton { BACKGROUND-COLOR: #0066CC; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #cccccc; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold }

   textarea { BACKGROUND-COLOR: #BBD3ED; COLOR: #1766AF; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; BORDER-STYLE: solid; BORDER-COLOR: #1766AF; }

   input { BACKGROUND-COLOR: #BBD3ED; COLOR: #1766AF; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; BORDER-STYLE: solid 1px; BORDER-COLOR: #000000; }

   select {	BACKGROUND-COLOR: #BBD3ED;COLOR: #1766AF;FONT-FAMILY: Verdana;FONT-SIZE: xx-small;BORDER-STYLE: none 1px;BORDER-COLOR: #000000;scrollbar-arrow-color : #1E90FF; }

```

just put like… in the button add class=“boton” and mess around witht he colors 😃

I hope it helps you.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 6:40pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/11 "2002-12-09T18:40:02Z")

</div>

You can make the 3d effect in buttons just change the colors on the borders… border-right… border-left etc…

mess around with that and hex numbs 😃

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 6:48pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/12 "2002-12-09T18:48:35Z")

</div>

Cool man! Thanks a lot!!!

I will give a try, if anything goes wrong I´ll get back to you guys.

Thanks lost and Diablo!🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 6:50pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/13 "2002-12-09T18:50:04Z")

</div>

Hey finally i could helped someone here :d:D  
no prob guig0! i hope i can help u more, cos u have helped me  
alot

:D:D:D

it feels good…

heh

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 7:08pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/14 "2002-12-09T19:08:47Z")

</div>

I´m having dificulties to make it work cause I don´t know jack about html.

If you can spare some more of your time and help me do this I´ll be in your dept, and plz post the html for me 🙂

What I want:

The input button shoud have:

face/background color: # **f5f5f5**  
top border color: # **FFFFFF**  
botton border color: # **C63D0F**  
left border color: # **F4B49F**  
right border color: # **F06739**  
text color: # **E64810**

the select dropdown should have the same colors as above but the arrow should be:

arrow color: # **F4B49F**

Thanks man!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 9, 2002, 8:34pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/15 "2002-12-09T20:34:09Z")

</div>

```php
.boton { BACKGROUND-COLOR: #f5f5f5
; BORDER-BOTTOM: #C63D0F
 1px solid; BORDER-LEFT: #F4B49F
1px solid; BORDER-RIGHT: #F06739
1px solid; BORDER-TOP: #FFFFFF
1px solid; COLOR: #E64810; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold }

```

try that for the btn.

its the colors u gave.

hope it helps

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [December 10, 2002, 5:59pm UTC](https://forum.kirupa.com/t/this-is-a-real-dumb-question-and-in-the-wrong-place-but/9123/16 "2002-12-10T17:59:02Z")

</div>

As I said before, I don´t know jack about html, so, can you plz post a html file with that working for me?

Thanks  
=)