Hi Leute!
Sagt mal, stelle ich mich so blöd an, oder ist es wirklich so, daß jeder Browser das Button-Tag vollkommen anders darstellt und es so letztendlich für das, was es an Mehrwert bietet oder besser bieten soll gerade unbenützbar macht?
Bei mir hilft da gar nichts. Die alten Button-Inputs konnte man nach belieben stylen. Beim HTML 4.0-konformen Button-tag dagegen versagt das Styling daran, daß jeder Browser meint noch einen eigenen Rahmen (und ich meine nicht die per CSS steuerbare Eigenschaft border) dazuzufügen.
Will man das korrigieren kommt diese Liste raus und wahrscheinlich braucht man für alle weiteren Browser wieder einen weiteren Hack (ich *hasse* Hacks)!
/* each browser uses it's own button borders...?! */
button {
/* Firefox Style */
margin: 0px -2px 0 -4px;
padding: 0;
border: none;
background-color: transparent;
display: inline;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
button {
margin: 0px -5px 0 -1px;
}
}
/* IE 6 */
* html button {
margin: 0 -3px;
}
/* and of course IE 7 ;-) */
*+html button {
margin: 0 -3px;
}
Weiß jemand Rat, wie kann man das abwürgen oder muß man doch für immer bei den dämlichen Inputs-Buttons bleiben?
Ciao,
Jens