Hi again, my last query for tonight, hehehe! Sorry!
I currently have a login on my site, the button calls the class "input.mainoption" which is a nice blue'y colour which matches the theme.
The CSS for this:
input.mainoption {
background-color : #c9e1f3;
font-weight : bold;
}
However, how can i make it so that all the buttons only are using that design? I have tried using input, and get my textareas going the same colour which looks awful.
I know I should call it via the class, but there's so many, and pages change so often, i wondered if there's a default way to customise buttons only?
Thanks if you can help!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
fieldset {float:left; padding:1ex}
label {display:block; text-align:center}
input {margin-right:1ex}
button {background-color:#c9e1f3; font-weight:bold; margin:1em}
div{clear:left}
-->
</style>
<script type="text/javascript">
<!--
onload = function () {document.getElementById('reallyAccept').disabled = true}
// -->
</script>
<form action="">
<div>
<fieldset>
<legend>Terms</legend>
<textarea>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipitlobortis nisl ut aliquip ex ea commodo consequat.</textarea>
<label><input type="checkbox" onclick="this.form.reallyAccept.disabled = !this.checked">I accept</label>
</fieldset>
</div>
<div>
<button type="submit" id="reallyAccept">Submit</button>
<button type="reset">Clear</button>
</div>
</form>
I currently have a login on my site, the button calls the class "input.mainoption" which is a nice blue'y colour which matches the theme.
The CSS for this:
input.mainoption {
background-color : #c9e1f3;
font-weight : bold;
}
However, how can i make it so that all the buttons only are using that design? I have tried using input, and get my textareas going the same colour which looks awful.
I know I should call it via the class, but there's so many, and pages change so often, i wondered if there's a default way to customise buttons only?
Thanks if you can help!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
fieldset {float:left; padding:1ex}
label {display:block; text-align:center}
input {margin-right:1ex}
button {background-color:#c9e1f3; font-weight:bold; margin:1em}
div{clear:left}
-->
</style>
<script type="text/javascript">
<!--
onload = function () {document.getElementById('reallyAccept').disabled = true}
// -->
</script>
<form action="">
<div>
<fieldset>
<legend>Terms</legend>
<textarea>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipitlobortis nisl ut aliquip ex ea commodo consequat.</textarea>
<label><input type="checkbox" onclick="this.form.reallyAccept.disabled = !this.checked">I accept</label>
</fieldset>
</div>
<div>
<button type="submit" id="reallyAccept">Submit</button>
<button type="reset">Clear</button>
</div>
</form>