nicht angemeldet
Merkwürdigkeit bei <button> (css)
Habe folgenden Button gebastelt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.00 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Button</title>
<style type="text/css">
button {
margin:0; padding:0;
background:red;
border:0;
}
button span {
display:block;
background:white;
}
</style>
<body>
<button><span>>Hier klicken</span></button>
</body>
</html>
Was ich jetzt nicht verstehe ist, wieso das span-Element den <button> nicht vollständig überdeckt?
Theoretisch müsste doch eigentlich kein Rot sichtbar sein!
Was mache ich falsch oder habe ich vergessen?
(Firefox)
-
Was ich jetzt nicht verstehe ist, wieso das span-Element den <button> nicht vollständig überdeckt?
Weil Formularelemente nie 100% stylebar sind.
Du kannst dir aber mit negativen margins helfen.Theoretisch müsste doch eigentlich kein Rot sichtbar sein!
In theory, theory and practice are the same. In practice they're not.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische