disabled Button stylen - Seite 2 - nPage.de

fischelexikon · #11 (**permalink**) 22.09.2009, 13:53

Da guckst du

http://www.tyssendesign.com.au/artic...-form-buttons/

kRulezZ · #12 (**permalink**) 23.09.2009, 14:08

Sehr nett, aber da steht leider weder was großartig Neues, noch Hilfreiches für mich, da ich nicht mit dem button-Befehl arbeite(n will). Und darum geht es ja in diesem Artikel.

Zitat:

[...] and will show here, how the <button> can be more flexible

dungeon · #13 (**permalink**) 23.09.2009, 15:00

Zitat:

Zitat von kRulezZ

Hallo!
Kann ich mit css einen Button so stylen, dass er, wenn er deaktiviert ist, anders aussieht? Irgendwie...

Code:

input:disabled {...}

Also kein direktes Stylen mit

HTML-Code:

<input ... style="...">

hm... ich denke, das müsste mit:

HTML-Code:

input[disabled=disabled] {
...
}

gehen...

kRulezZ · #14 (**permalink**) 23.09.2009, 15:13

Jaja, soweit waren wir hier schon, danke.

Es ging nur darum, dass das im IE nicht funktioniert.

dungeon · #15 (**permalink**) 23.09.2009, 16:41

Zitat:

Zitat von kRulezZ

Jaja, soweit waren wir hier schon, danke.

Es ging nur darum, dass das im IE nicht funktioniert.

Was ist das für ein Problem?
1. Schaut halt dann im IE nicht so gestylet aus, wenns aber in standartkonforten Browsern gut läuft, ist's wohl besser als gar nichts.
2. IE ist sowieso einer der schlechtesten Browser. Wenn es in allen anderen läuft, machts ja nicht so viel aus...

kRulezZ · #16 (**permalink**) 23.09.2009, 16:48

Ich möchte halt auch denen Besuchern, die den schlechtesten Browser benutzen, meine Seite so präsentieren, wie ich es auch den anderen präsentiere, weil ich mir da auch was bei gedacht habe.

fischelexikon · #17 (**permalink**) 23.09.2009, 18:17

Dieser Button funktioniert auch im IE7

HTML-Code:

<html>
<head>
  <style type="text/css">
*/
form{
width:40ex;
}
input.submit{
background:#FF6666;
}
input.submit:hover{
cursor:pointer;
background:#33FF33;
}
*/
  </style>
</head>
<body>
<br>
<form action="" method="post"><input
 class="submit" value="Send" type="submit"></form>
<br>
</body>
</html>

und das gleiche mit disabled

HTML-Code:

<html>
<head>
  <style type="text/css">
input.disabled {
background: #ff6666 none repeat scroll 0%;
width: 66px;
text-align: center;
}
input.disabled:hover {
background: #33ff33 none repeat scroll 0%;
cursor: pointer;
}
  </style>
</head>
<body>
<br>
<form action="" method="post"><input
 value="disabled" class="disabled" type="disabled"></form>
<br>
</body>
</html>

kRulezZ · #18 (**permalink**) 24.09.2009, 13:16

Tut mir Leid, bei mir klappt das nicht.

Das ist mein Button

Code:

<input type="submit" name="submit" value="Senden" disabled="disabled">

und das die zugehörige css

Code:

input[disabled], input.disabled
{cursor:url('http://file1.npage.de/003530/69/bilder/1.cur'), auto; color:#a0a0a0; text-shadow:#ffffff 1px 1px 0px;}

Tamizhan · #19 (**permalink**) 24.09.2009, 16:06

HTML-Code:

<input type="submit" name="submit" class="but" value="Senden" disabled="disabled">

Code:

but input[disabled], input.disabled
{cursor:url('http://file1.npage.de/003530/69/bilder/1.cur'), auto; color:#a0a0a0; text-shadow:#ffffff 1px 1px 0px;}

kRulezZ · #20 (**permalink**) 25.09.2009, 10:50

Das Problem ist ja nicht, dass input[disabled] nicht funktioniert, sondern input.disabled auch nicht im IE zu sehen ist (genauso, wie input[disabled]). Durch 'ne class (bei der übrigens ein kleiner Punkt am Anfang fehlt

) wird das ja leider auch nicht besser.

Es geht ja auch darum, wenn das geschafft ist, checkboxen zu stylen und das geht ja auch mit input[style=checkbox] und input.checkbox... nur dass halt input. ... nicht funktioniert.