Google Black

By Alex2209 Last update Jul 4, 2009 — Installed 2,212 times.

You could try...

in
Subscribe to You could try... 3 posts, 2 voices



LeoXavior Scriptwright
FirefoxWindows

Have a look at this:
http://www.hunlock.com/blogs/Totally_Pwn_CSS_wi...

You could use something like that, create a custom css entry for all the elements you want and add a css style rule for "input and submit", you could control the background color, border anything you want as you would normally via css....

for reference see:
http://www.w3schools.com/Css/default.asp

define input, play around with anything you want:
border, color, font-size, font-family...

Examples:
/* === Form Elements === */

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

input {
color: #FFCC33;
background-color: #111111;
border: 1px solid #CCCCCC;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

textarea {
color: #FFCC33;
background-color: #111111;
border: 1px solid #CCCCCC;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
padding: 2px;
}

select {
color: #FFCC33;
background-color: #111111;
border: 1px solid #CCCCCC;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
}

input:hover, textarea:hover, select:hover {
color: #DD2222;
background-color: #232323;
border: solid 1px #FFCC33;
}

input:focus, textarea:focus, select:focus {
color: #FFCC33;
background-color: #111111;
border: solid 1px #DD2222;
}

option {
padding: 0 1em 0 0;
}

 
Alex2209 Script's Author
FirefoxX11

Whoa, 38 downloads in just a night. Beats all my other scripts. I know a lot of css, but I don't know how to directly edit it with javascript. As you can see I'm using simple things like document.body.bgColor = '#000000'; etc etc. I took a look at the first website you offered, and I came across something like it before. As far as I can see, it adds the rule but doesn't set a value (or whatever it's called in css) to the rule. I am just trying the w3c one now.

 
Alex2209 Script's Author
FirefoxX11

Never mind. Fixed it. I just uploaded a version that's a bit... well not as updated as I would have liked. I am going to update it again in a sec with the style you recommend. Shouldn't be that hard.

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel