[CSS/Firefox] Focused submit button border

Pagina: 1
Acties:

  • nemesis_
  • Registratie: Mei 2003
  • Laatst online: 15-05-2024

nemesis_

I'm your enemy!

Topicstarter
In IE heeft een 'focused' submit button een dikke (zwarte) border (rondom de button) en een dotted border rondom de tekst.
In Firefox heeft een 'focused' submit button een dunne dotted border rondom de tekst op de knop.
Is deze stijl aan te passen (via CSS), dus zodat de button in Firefox ook zo'n dikke zwarte border krijgt en niet (alleen) dat dotted ding? Het liefst zelfs die hele dotted border rondom de tekst weg.

Ook een cookie?


Verwijderd

Gewoon geen submit-button gebruiken maar een gewone button en aan deze button een javascriptje koppelen dat hij het formulier verzendt; een normale button kun je helemaal stylen zoals je wilt en je hebt geen last van het verschil in IE en Firefox :)

  • nemesis_
  • Registratie: Mei 2003
  • Laatst online: 15-05-2024

nemesis_

I'm your enemy!

Topicstarter
maar ik wil dat hij 'focused' is zodra hij in beeld komt en dan krijg je dus die dotted border

voorbeelden:
Firefox:
Afbeeldingslocatie: http://oege.ie.hva.nl/~visser5c/ff_button.gif
IE:
Afbeeldingslocatie: http://oege.ie.hva.nl/~visser5c/ie_button.gif

[ Voor 11% gewijzigd door nemesis_ op 21-09-2005 12:44 ]

Ook een cookie?


Verwijderd

De zwarte rand heb je alleen in IE (tenzij je een button ipv een submit-button gebruikt en die styled met een zwarte border).

Als je de dotted border rondom de tekst van de button wilt hebben, dan kun je alleen submit buttons gebruiken (je kan proberen buttons te gebruiken en moet javascript de focus te geven maar ik durf niet 100% te zeker of dat gaat lukken met die dotted border rondom de tekst).

  • Zoefff
  • Registratie: September 2001
  • Laatst online: 19:26

Zoefff

❤ 

Cascading Stylesheet:
1
2
3
.submitbutton:focus {
    border:1px solid #000000;
}


Misschien?


FotoblogWerkaandemuur.nlMoestuincursus.nlTwitter


  • Vinzzz243
  • Registratie: Februari 2001
  • Laatst online: 22-01-2025
voor linkjes weliswaar...
code:
1
2
3
4
5
6
<script type="text/javascript"> 
function ExplorerFix() 
{ for (a in document.links) document.links[a].onfocus = document.links[a].blur; 
}
if(document.all) document.onmousedown = ExplorerFix;
</script>

[ Voor 12% gewijzigd door Vinzzz243 op 21-09-2005 13:19 ]


  • nemesis_
  • Registratie: Mei 2003
  • Laatst online: 15-05-2024

nemesis_

I'm your enemy!

Topicstarter
@Zoefff: helaas
@Vinzzz: werkt idd voor links, maar niet meer in IE6, wel in 5.5 en 5.0. Op zich wel werkend te krijgen voor die button, maar dan werkt het niet meer zoals ik wil. De button is dan niet meer 'focused', zodat de enterknop of spatiebalk er niet meer op werkt.

Ook een cookie?

Pagina: 1