4 svar · 245 visningar · startad av GrodanBoll
Tjena hej :)
Jag sitter och knåpar med en CSS till en sida.
Det finns ju en del standardobjekt inom CSS som man kan styra sås om t.ex. h1.
Just nu sitter jag och funderar över vilka olika objekt det till till formulär.
Jag vill t.ex. slippa lägga ett klass-attribut m.h.a. "class=" och istället skall den hitta automagiskt så som t.ex. "h1" fungerar.
Finns det någonstans en lista på alla objekt som finns tillgängliga?
Spanx
/G
Tack för svaret. :)
Jag har dock en följdfråga.
Om jag vill styra textboxarna utan att använda "class=", hur skriver man då?
Jag har testat med att använda "input.text" men det får jag inte att fungera.
input {font:10px Verdana}
input[type=text] { background: yellow; }
Synd bara att IE saknar stöd för dessa selectors. :l Det går iofs att lösa med JavaScript. :) Jag använder Linux just nu så jag kan inte testa om det funkar med IE, men jag tror det ska göra det...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>CSS2 selector workaround for IE</title>
<style type="text/css">
input[type=text] { background: yellow; }
</style>
<!--[if IE]>
<style type="text/css">
input.text { background: yellow; }
</style>
<script type="text/javascript">
window.onload = function(){
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++){
var thisInput = inputs[i];
if (thisInput.getAttribute("type") == "text") {
thisInput.className = "text";
}
}
}
</script>
<![endif]-->
</head>
<body>
<form action="#">
<p>
<label for="baz">
Test
<input id="baz" type="text" name="foo" value="bar">
</label>
</p>
</form>
</body>
</html>
:)