heey ik heb een vraagje!
als ik met css een stukje maak waardoor de achtergrond en de kleur van een text in een input veld verander word dan gebreurd dat ook bij mijn buttons
nu is mijn vraag: hoe maak ik in css een stukje zodat alle buttons een andere kleur text hebben dan de text areas??

maar zonder dat ik bij alle buttons een class moet toe voegen want het is een site waar zon goeie 30 a 50 buttons in zitten verwerkt dus om daar alemaal een class in te gaan zetten zie ik ook niet echt zo zitten

mijn css nu is:

input, option, textarea, select, checkbox {
	font-family: arial;
	color: #ff6600;
	font-weight: small;
	font-weight: bold;
	border: 1px solid #000000;
	background-color: #222222;
	font-size: 8pt;
	text-decoration: none;
	overflow: visible;
	float: left;
	outline: black;
	display: block;
	white-space: normal;
}
input[type=submit], input[type=button], input[type=reset] {
color: red;
}

Maar helaas, dat werkt natuurlijk weer niet in Internet Explorer.
zijn er nog meer manieren dan??
Volgens mij kan het bij IE alleen door aan de buttons een class mee te geven..

Je kunt een JavaScript schrijven dat alle buttons en submits een alternatieve stlyle geeft.
kun je niet gewoon:

<input type=submit name=blalbladiebla class=button>

er van maken? zal het wel ff testen:

edit:
sorry verkeert gelezen ;-(
bart van der veen schreef op 27.08.2006 18:54
kun je niet gewoon:

<input type=submit name=blalbladiebla class=button>

er van maken? zal het wel ff testen

Dat kan wel maar hij wou het zonder Class.
ik denk dat het tog het makelijkst is als ik ze een class mee geef dus dan maar even werk :(

maar tog bedankt jongens :) ;)
Kijk, het kan heel gemakkelijk met JavaScript, zo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>inputs automatisch stylen</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<script type="text/javascript">
		window.onload = init;
		
		function init () {
			var x = document.getElementsByTagName ('input');
			var n = x.length;
			
			for (i = 0; i < n; i++) {
				if (x[i].type == 'text') {
					x[i].className = 'my_input';
				}
			}
		}
	</script>
	<style type="text/css">
		input.my_input {
			border: 1px solid #008;
			background: #fee;
			padding: 3px;
			font: 11px verdana;
		}
	</style>
</head>

<body>
	<form>
		<p>
			<input id="tekst1" name="tekst1" type="text" value="dit is veld 1">
		</p>
		<p>
			<input id="tekst1" name="tekst1" type="text" value="dit is veld 2">
		</p>
		<p>
			<input id="tekst1" name="tekst1" type="text" value="dit is veld 3">
		</p>
		<p>
			<input type="submit" value="verzenden">
		</p>
	</form>
</body>
</html>

Reageren