Avatar billede refshauge Nybegynder
07. juli 2003 - 14:47 Der er 7 kommentarer

Knapper får baggrund på mac

Jeg har en webside med blå baggrund som indeholder forskellige inputfelter. Jeg har 2 problemer, når man ser siden i Internet Explorer 5.2.2 til mac:

1. Checkboxe har hvid baggrund, indtil der sættes kryds i dem.

2. Browse knappen efter en file-input har også en hvid baggrund

Jeg har følgende i mit stylesheet:

select, textarea, input  {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color : transparent;
    margin : 0px;
}

Har også prøvet med:

input[type="checkbox"] {
    background-color : transparent;
}

Nogen idéer ?
Avatar billede roenving Novice
07. juli 2003 - 14:53 #1
Måske et cowboyder-trick kan klare nr. 1 :-)

<script language="javascript" type="text/javascript">
function checkChecks(){
  f = document.forms[0];
  for(i=0;f.elements.length>i;i++){
    if(f.elements[i].type=='checkbox')f.elements[i].checked=true;
  }
  for(i=0;f.elements.length>i;i++){
    if(f.elements[i].type=='checkbox')f.elements[i].checked=false;
  }
}
</script>

<body onload="checkChecks();">

-- jeg aner det ikke, men jeg havde jo lige haft fat i løkken, som kiggede efter checkboxe ,-)
Avatar billede roenving Novice
07. juli 2003 - 14:54 #2
-- eller mener du, at de kun er gennemsigtige mens de er afkrydset ?-)
Avatar billede =maddog= Nybegynder
07. juli 2003 - 14:55 #3
jeg kender ikke pågældende browser, men det sidste (som i øvrigt er korrekt og ganske smart CSS) virker ikke i nogen IE versioner på gaden. Det virker til gengæld i NS(6), Moz(0.92) og Opera(4).
Du burde kunne sætte background med andre selectors og in-line. Har du prøvet noget andet end transparent bare for at se om den reagerer?
Avatar billede refshauge Nybegynder
07. juli 2003 - 15:34 #4
Hvis jeg skriver:

select, textarea, input  {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color : yellow;
    margin : 0px;
}

Bliver baggrunden gul, men så bliver den også gul i resten af inputfelterne...
Avatar billede roenving Novice
07. juli 2003 - 15:36 #5
Det kan du vel nemt differentiere enten med den kode du har vist eller ved at sætte en class på ...
Avatar billede =maddog= Nybegynder
07. juli 2003 - 15:46 #6
roenvig har ret. du kan ikke umiddelbart sætte en attribut specifik selector i IE. for at skære det ud i pap.
i <style>:
.myCheckbox {
  background: transparent;
}
i <input type="checkbox">:
<input type="checkbox" class="myCheckbox" />
Avatar billede refshauge Nybegynder
07. juli 2003 - 15:47 #7
God idé, men den virker ikke i praksis... øv
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