Avatar billede mrbonus Novice
16. maj 2007 - 09:59 Der er 8 kommentarer og
1 løsning

Style på knapper

Jeg vil jo mene at dette script burde virke i både IE og FireFox, men det virker nu kun i FireFox

input[type="submit"],
input[type="button"]
{
  background-color: White;
}

Hvordan får jeg det til at virke i begge browsere

Jeg ville helst gerne undgå at skulle blive nødt til at sætte class="button" på alle knapper

ps, jeg kører IE7, men det bedste ville selvfølgelig være at det virkede i både IE6 og IE7,
Avatar billede phliplip Nybegynder
16. maj 2007 - 10:06 #1
Jeg plejer at bruge <button></button>

Så er det bare at ligge en style på

button {}

Men så skal du alligevel skifte noget code ud, og så kan du jo lige så godt ligge en class på!
Avatar billede phliplip Nybegynder
16. maj 2007 - 10:12 #2
input[type=submit],
input[type=button]
{
  background-color: White;
}
Avatar billede phliplip Nybegynder
16. maj 2007 - 10:13 #3
Det skulle virke i IE7, men nok ikke i IE6!
Avatar billede mrbonus Novice
16. maj 2007 - 10:43 #4
<button></button> er ikke anvendeligt, da jeg koder i asp.net, og har komponenter til at generere mit html, og ydre tagsene er fast defineret, så vil det være meget nemmere at sætte class på.

jeg har dette (copy pastet)

input[type=submit],
input[type=button]
{
  background-color: White;
}

i en css fil (MainStyle.css), og dette i en html fil

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  <HEAD>
    <link rel=stylesheet type="text/css" href="MainStyle.css">
  </HEAD>
  <body>
    <form name="DGSearch" method="post" action="dgsearch.aspx" id="DGSearch">
      <table id="tableHeader" height="65px">
        <tr>
          <td valign="bottom">
            <input type="submit" name="butLogOut" value="Log af" />
          </td>
        </tr>
      </table>
    </form>
  </body>
</HTML>

det virker hverken i FireFox eller IE, hvis jeg erstatter css en med dette

input[type="submit"],
input[type="button"]
{
  background-color: White;
}

så virker det i FireFox
Avatar billede mrbonus Novice
16. maj 2007 - 11:52 #5
hmm, tror jeg har lavet en mini fejl eller lign, så jeg har lige en rettelse.
Dette virker også i FireFox, men stadig ikke i IE7

input[type=submit],
input[type=button]
{
  background-color: White;
}
Avatar billede olebole Juniormester
18. maj 2007 - 13:49 #6
<ole>

Du kan enten kræve kontrollen over koden tilbage - i stedet for at lade .net diktere den. Eller også må du bruge en class.

Sidste mulighed er at vente til alle browsere, der ikke fuldtud understøtter CSS2.1, er elimineret fra markedet - så du kan bruge syntaksen: input[type="button"]

/mvh
</bole>
Avatar billede mrbonus Novice
21. maj 2007 - 18:47 #7
k, jeg havde bare håbet at der var en der vidste noget godt om css som jeg ikke vidste, da jeg ikke er ekspert i css, men det synes ikke at være tilfældet. Ja så må jeg jo ty til at bruge class istedet, fordi microsoft er så djævlens sløv til at implementere css standarder.
Avatar billede mrbonus Novice
24. maj 2007 - 08:22 #8
i må hellere smide et par svar,
Avatar billede mrbonus Novice
04. juni 2007 - 15:36 #9
efter 13 dage går jeg så ud fra at i ikke mener at i fortjener point, og lukker derfor spørgsmålet.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester