PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

css buttons splitsen

Door DirkJan Heinen op 27-08-2006 14:01
589 views
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;
}
Jelmer -
27-08-2006 14:21
input[type=submit], input[type=button], input[type=reset] {
color: red;
}

Maar helaas, dat werkt natuurlijk weer niet in Internet Explorer.
DirkJan Heinen
27-08-2006 15:58
zijn er nog meer manieren dan??
D
Danny K
27-08-2006 17:24
Volgens mij kan het bij IE alleen door aan de buttons een class mee te geven..

Jan Koehoorn
27-08-2006 17:30
Je kunt een JavaScript schrijven dat alle buttons en submits een alternatieve stlyle geeft.
b
bart van der veen
27-08-2006 18:54
kun je niet gewoon:

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

er van maken? zal het wel ff testen:

edit:
sorry verkeert gelezen ;-(
R
Raymond ---
27-08-2006 18:59
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.
DirkJan Heinen
27-08-2006 21:42
ik denk dat het tog het makelijkst is als ik ze een class mee geef dus dan maar even werk :(

maar tog bedankt jongens :) ;)
Jan Koehoorn
27-08-2006 21:52
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

Inloggen om te reageren